noelledusahel
9/7/2017 - 8:32 PM
fresh block
fresh block
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<!-- <script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js'></script> -->
<!-- <script type="text/javascript" src="https://cdn.rawgit.com/gka/chroma.js/master/chroma.min.js"></script> -->
<body>
<svg></svg>
<script>
var rectWidth = 50;
var height = 300;
var data = [200, 250, 275, 200, 220];
var svg = d3.select('svg');
var enter = svg.selectAll('rect')
.data(data).enter().append('rect')
.attr('x', (d, i) => i * rectWidth)
.attr('y', d => height - d)
.attr('width', rectWidth)
.attr('height', d => d)
.attr('fill', 'blue')
.attr('stroke', '#fff');
console.log(enter);
</script>
</body>
</head>
Built with blockbuilder.org
license: mit