Bitcoin Prices: 2013 - 2018

This area chart shows how the bitcoin prices are changing from 4/28/2013 to 4/23/2018. Original visualization is from https://d3-graph-gallery.com/.

First, we draw a rectangle, set its fill color to gold, then densify it by “date”.

Next, we select any of the top vertices, and bind its x-position to “date”; we do the same for the bottom vertices and choose to merge with the existing date scale. Data Illustrateur distinguishes between a vertex’s x-position and an area mark’s x-position, here we are using the former to encode “date”.

Finally, we select the area mark and bind its height to “value”. By default, the area chart’s baseline is at the bottom, we can change the baseline to top or middle through the “baseline” property control.