この視覚化は、平均して、肥満の割合が学士号以上の学位を持つ人口の割合と反比例することを示しています。各線は米国の州を表します。左側の軸は肥満の割合を表し、右側の軸は高等教育を受けた人々の割合を表します。Alberto Cairoによって作成された元の視覚化。
まず、線を描き、「State」で繰り返し、結果のコレクションのレイアウトを「none(なし)」に設定します。次に、各線の最初の頂点を選択し、そのY位置を「Obesity Percentage」にバインドします。同様に、2番目の頂点のY位置を「BA Degree Percentage」にバインドします。これら2つのエンコーディングで同じスケールを共有したいため、「BA Degree Percentage」にバインドするときに「Merge with Obesity Percentage(Obesity Percentageとマージ)」オプションを選択します。
次に、線のスタイルを設定しましょう。頂点を選択し、その形状を半径4ピクセルの円に設定します。次に、線を選択し、その線の色(stroke color)をカテゴリカルフィールド「Obesity vs. Higher Education」にバインドします。デフォルトのカラースケールは意図したものと正確には異なるため、2つのカテゴリの色をカスタマイズできます。また、線の太さを太くし、不透明度を変更しましょう。
最後に、軸ハンドルをドラッグして範囲を広げましょう。スケールがマージされているため、一方の軸ハンドルをドラッグすると、もう一方にも影響します。「BA Degree Percentage」のY軸の向きを右に反転させて、2つの軸がより対称的に見えるようにすることができます。