d3 v4 tutorial

A basic d3.v4 tutorial explaining how to create a simple chart binding to data

HTML

<script src="https://d3js.org/d3.v4.min.js"></script>
	<svg></svg>

JavaScript

var svg = d3.select('svg');
		
		var circle = svg.append('circle')
		.attr("r",10)
		.attr("cx",10)
		.attr("cy",10)
		.style("fill","red");
		
		go()
		
		function go() {
			var c=svg.select("circle");
			c
			.transition()
      .ease(d3.easeLinear)
			.duration(1000)
			.attr("cx",1*c.attr("cx")+100)
			.on("end",go);
	}