Andrew Staroscik AndrewStaroscik

A modification of Mike Bostock's recreation of the wave GIF by Dave Whyte.

This version is more representative of the motion seen in surface waves.

Maximum motion occurs at the surface (the top row of circles) and decreases with distance from the surface.

Solution for a question on stackoverflow

code forked from a Mike Bostock example gist

Functioning example of nesting elements within elements in D3 using transformations on the parent element and separate enter() for the array containing the child elements.

	var t1Change = function() {
	var target = document.getElementById("dynamdiv");

	target.innerHTML = "T1 - I am complex content delivered via javascript";

	};

	<!doctype html>
	<html lang="ja">
	<head>
	<meta charset="UTF-8">
	<title>Easing Test</title>
	<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
	</head>
	<body>
	<script>
	var dataset = ["linear", "quad", "cubic", "sin", "exp", "exp-in", "exp-out", "exp-in-out", "circle", "elastic", "back", "bounce"]

	<!DOCTYPE html>
	<meta charset="utf-8">
	<style>

	#mainFrame
	{
	position: relative;
	width: 550px;
	height: 550px;
	margin: 0 auto;

	<!DOCTYPE html>
	<meta charset="utf-8">

	<div id="vis"></div>

	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script>

	var parentElement = [
	{name: "Path 1", startX: 25, startY: 75, segments: [