valex · November 5, 2017 21:54
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
 <head>
    <meta name="description" content="D3byEX 5.5" />
    <meta charset="utf-8">
 </head>

 <body>
    <script src="http://d3js.org/d3.v4.min.js"></script>
    <script src="https://d3js.org/d3-selection-multi.v1.min.js"></script>
    <script>
    var data = d3.range(0, 9);
    var colorScale = d3.schemeCategory10;

    var svg = d3.select('body')
        .append('svg')
        .attrs({width: 200, height: 20});

    svg.selectAll('rect')
        .data(data)
        .enter()
        .append('rect')
        .attrs({
            fill: function(d) { return colorScale[d]; },
            x: function(d, i) { return i * 20 },
            width: 20,
            height: 20
        });
    </script>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta name="description" content="D3byEX 5.5" />
	<meta charset="utf-8">
	</head>

	<body>
	<script src="http://d3js.org/d3.v4.min.js"></script>
	<script src="https://d3js.org/d3-selection-multi.v1.min.js"></script>
	<script>
	var data = d3.range(0, 9);
	var colorScale = d3.schemeCategory10;

	var svg = d3.select('body')
	.append('svg')
	.attrs({width: 200, height: 20});

	svg.selectAll('rect')
	.data(data)
	.enter()
	.append('rect')
	.attrs({
	fill: function(d) { return colorScale[d]; },
	x: function(d, i) { return i * 20 },
	width: 20,
	height: 20
	});
	</script>
	</body>
	</html>