With that done, let's render some data.
Create a new function in main.js, renderChart():
function renderChart(data) { chart.attr('width', window.innerWidth) .attr('height', window.innerHeight); }
All this does is take our earlier chart variable and set its width and height to that of the window. We're almost at the point of getting some bars onto that graph; hold tight!
First, however, we need to define our scales, which decide how D3 maps data values to pixel values. Put another way, a scale is simply a function that maps an input range to an output domain. This can be annoying to remember, so I'm going to shamelessly steal an exercise from Scott Murray's excellent tutorial on scales from Interactive ...
