JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<body>
    <div class="jumbotron text-center">
        <h1>D3.js Example</h1>
    </div>
    <div id="content" class="container text-center"></div>
    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
</body>

CSS

rect { fill: green; }

JavaScript

d3.select('#content')
    .append('svg')
        .selectAll('rect')
        .data([10, 20, 15, 6, 5])
        .enter()
        .append('rect')
            .attr('x', 0)
            .attr('y', function(data, index) {return index * 25})
            .attr('height', 20)
            .attr('width', function(data, index) {return data});