D3 basic

Html code posted
created at 14 Feb 13:47

Edit | Back 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<html>
    <head>
        <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    </head>
    <body>
        <svg>
        </svg>
        <script type="text/javascript">
var data = [10, 20, 30, 40, 50];
var svg = d3.select('svg').attr('width', 100 * data.length).attr('height', 100);
var circles = svg.selectAll('circle').data(data, function(d){ return d; });
circles.enter().append('circle').attr('r', function(d){ return d; }).attr('cy', 50).attr('cx', function(d, i){ return 100 * i + 50;});
        </script>
    </body>
</html>
565 Bytes in 2 ms with coderay