この視覚化は、2000年から2010年までの4つの産業(製造業、レジャー・接客業、ビジネスサービス、建設業)における失業者数をストリームグラフ形式で示しています。元の視覚化はobservablehq.comからのものです。

まず、長方形を描き、「industry」で分割し、結果の任意の長方形を選択して「date」で高密度化(densify)します。

次に、結果のエリアマークのいずれかの上部頂点を選択し、そのX位置を「date」にバインドします。下部頂点についても同様に行い、既存の日付スケールとマージすることを選択します。Data Illustrator は頂点のX位置とエリアマークのX位置を区別しますが、ここでは「date」をエンコードするために前者を使用しています。

次に、任意のエリアマークを選択し、その高さを「unemployments」に、塗りつぶし色を「industry」にバインドします。「industry」のY軸は色の凡例があるため不要なので、選択して削除できます。最後に、スタックレイアウトを使用して構成されているエリアマークのコレクションを選択し、垂直方向の重力(gravity)を「middle」に変更します。