As you can see above, D3.js lets you feed it an array of data and it builds the chart based upon it. So, what if we take our dataset from last week and try to feed it in?
The problem seems to be that the number of data points and the maximum values in out dataset make the graph pretty unreadable. So, what if we flip our graph 90 degrees?
In the above example, the first data point is on the first line, the second one is on the second line, etc. That should hopefully at least fix the issue with the chart wrapping onto the next line, right?
As you can see, it still leaves it pretty darn unreadable. Well, let’s try limiting the data to just a 30 day period?
This is a little bit better. It at least leaves us with a semi-readable chart. Next week, we are going to take a look at how we could use the same data to create a line chart.
Until then, if you have any questions, comments, etc, feel free to leave a comment, below.