面グラフ

このチャートを作ることができるのは…

dataviz.jp

Vega Editor

JSON 形式で可視化仕様を書くことで、インタラクティブなグラフやチャートをリアルタイムにレンダリング

vega-editor.dataviz.jp

dataviz.jp

Data Illustrator

多様なチャートを手軽に作成

data-illustrator.dataviz.jp

折れ線グラフとほぼ同じ作りで、違いは線と軸で囲われた面を色で着色することです。複数のアイテムを1つのチャート内で表示しようとすると、重なりで適切に面が見えない状態になることがあるので注意が必要です。その場合は 着色を半透明の色で行うか、データを集計し直してZ軸で重ならず積み重なるようにするか、代わりにストリームグラフを用いるとよいでしょう。