Boxplot

← ↑ →

Assignment

Create two boxplot graphs. Both graphs should render data from the same column of the typevariables.tsv table. Consider only numerical data as xHeight or weight. Special values as mean, median, low quartile, high quartile, and the whiskers should be typeset explicitly. Add to the DOM three select – aka dropdown menus – controllers. The first controller (labeled VARIABLE) governs which typographic variable the boxplots render. The other two controllers should filter the data according to the style name (like Regular and Bold). Make sure that both graphs are equalized on the same scale, meaning that a value like 300 should occupy the same position on both graphs.

Skills

Basic Drawing, Booleans, Callbacks/events, Colors, Comparison Operators, Conditional Construct, DOM Controls, Drawing loop, Flexible Canvas, For Loops, for of, High Order Functions, Object/Map, Parametric Drawing, Table Data, Typography