Amazon、Apple、IBM、Microsoftの4社の2000年1月1日から2010年3月1日までの月次株価。d3noob.orgでd3.jsを使用して作成された元の視覚化。
まず、線を描き、「Company」で繰り返し、各線を「Date」で高密度化(densify)します。
次に、任意の線を選択し、その線の色(stroke color)を「Company」にバインドします。また、線を太くするために線の幅を変更しましょう。
次に、ダイレクト選択ツールを使用して線内の任意の頂点を選択し、そのX位置を「Date」に、Y位置を「Price」にバインドします。
最後に、すべての線を同じチャートに表示し、同じスケールを共有させたいと考えています。これを行うには、最上位のコレクションを選択し、レイアウトを「Grid(グリッド)」から「None(なし)」に変更します。その後、チャートを読みやすくするために軸の範囲を調整できます。