Most basic boxplot in d3.js

Steps:

• The Html part of the code just creates a div that will be modified by d3 later on.


• The first part of the javascript code set a svg area. It specify the chart size and its margin. Read more.


• In this example dummy data are created. It's a vector format. See here to work from a .csv


• Note that quantiles, median, min and max are computed one by one. See data-to-viz to understand what these values are.


• The Y scale can now be added. Read here if you're not used to it.


• Finally, the box can be added, it is just one rect, and 2 lines elements.