このレンジチャートは、ボストンにおける1年間の日別最高、最低、平均気温を示しています。RaureifのTimm Kekeritzによる元の視覚化は極座標空間でしたが、ここではデカルト空間で同様のデザインを作成する方法を示しています。
まず、（Shiftキーを押しながら）垂直線を描き、線の太さを3に設定し、それを「date」で繰り返します。
次に、結果のコレクション内の任意の線を選択し、そのX位置を「date」にバインドします。これにより、線はコレクションのグリッドレイアウトから外れ、X軸が作成されます。次に、ダイレクト選択ツールを使用して任意の線の上部頂点を選択し、そのY位置を「maxTemp」にバインドします。次に、任意の線の下部頂点を直接選択し、そのY位置を「minTemp」にバインドします。ここで、新しいスケールを作成するか、「maxTemp」から作成された既存のスケールとマージするかのオプションがあることに注意してください。スケールをマージし、Y軸ハンドルをドラッグして範囲を広げましょう。
最後に、任意の線を選択し、その線の色（stroke color）を「meanTemp」にバインドします。Data Illustrator は自動的に配色と凡例を選択します。凡例の方向を「Horizontal（水平）」に変更し、凡例をチャートの下に移動できます。