ビットコイン価格: 2013年 - 2018年
Follow this demo with preloaded dataset in Data Illustrateurこのエリアチャートは、2013年4月28日から2018年4月23日までのビットコイン価格の変動を示しています。元の視覚化はhttps://d3-graph-gallery.com/からのものです。
まず、長方形を描き、塗りつぶしの色を金色に設定し、「date」で高密度化(densify)します。
次に、上部の頂点のいずれかを選択し、そのX位置を「date」にバインドします。下部の頂点についても同様に行い、既存の日付スケールとマージすることを選択します。Data Illustrator は頂点のX位置とエリアマークのX位置を区別しますが、ここでは「date」をエンコードするために前者を使用しています。
最後に、エリアマークを選択し、その高さを「value」にバインドします。デフォルトでは、エリアチャートのベースラインは下部にありますが、「baseline」プロパティコントロールを使用して、ベースラインを上部または中央に変更できます。