remysucre/index.html

## index.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Examples of D3 transitions</title>
		<style>
			svg {
				border: 1px solid black;
			}
			fieldset {
				min-width: 0;
				width: 50%;
			}
		</style>
		<script src="http://d3js.org/d3.v3.min.js"></script>
		<script>

				function runTransitions(){

					var pathTransition = d3.select("path").transition();
					var rectTransition = d3.select("rect").transition();
					var circleTransition = d3.select("circle").transition();

						pathTransition.attr("transform", "translate(250, 50)").duration(1000);
						rectTransition.attr("transform", "translate(150)").duration(1000);
						circleTransition.attr("transform", "translate(150)").duration(1000);
				}
		</script>
	</head>
	<body>

	</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Examples of D3 transitions</title>
	<style>
	svg {
	border: 1px solid black;
	}
	fieldset {
	min-width: 0;
	width: 50%;
	}
	</style>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script>

	function runTransitions(){

	var pathTransition = d3.select("path").transition();
	var rectTransition = d3.select("rect").transition();
	var circleTransition = d3.select("circle").transition();

	pathTransition.attr("transform", "translate(250, 50)").duration(1000);
	rectTransition.attr("transform", "translate(150)").duration(1000);
	circleTransition.attr("transform", "translate(150)").duration(1000);
	}
	</script>
	</head>
	<body>

	</body>
	</html>