面グラフ（エリアチャート）を作成

Area Chart / エリアチャート

無料・登録不要で面グラフ（エリアチャート）を作成することができるオンラインツールです。
グラフは画像で保存したり、ウェブ上に一時保存・URLで公開することもできます。

面グラフは、線グラフ（折れ線グラフ）を基にしており、線と軸の間の領域が塗りつぶされているのが特徴です。
これにより、量の推移やデータの大小を視覚的に理解しやすくなります。

割合の変化を強調したい場合は、100%積み上げ面グラフの使用をお勧めします。

グラフ・チャート

面グラフとは？折れ線グラフとの違い、種類、作り方を初心者にも分かりやすく解説

面グラフとは何か、折れ線グラフとどう違うのかを基本から解説。積み上げ面グラフなどの種類や、どのような時に使うべきか、そしてオンラインツール「xGrapher」を使った簡単な作り方まで、初心者にも分かりやすく紹介します。

2025年9月22日

面グラフとは？

面グラフ（英: Area Chart）とは、折れ線グラフの下部を塗りつぶした形で、数値の推移とともに量の変化を強調します。

面グラフに似ているグラフは？

見た目は折れ線グラフ（Line Chart）に似ています。

面グラフはどんな時に使う？

時間の経過に伴うデータの推移や、複数のデータ系列の合計値の変化を示す際に適しています。

面グラフが向いていない用途

データ系列が多すぎると視認性が低下し、個々のデータの比較が難しくなるため不向きです。

面グラフは英語で何と言いますか？

面グラフは英語でArea Chartと言います。

このサイトの基本的な使い方を教えてください。

「データ入力」セクションでグラフのラベル（横軸）と各データ系列（列）の値を入力します。「グラフスタイル」で見た目を調整し、プレビューで確認後、「保存」ボタンで画像をダウンロードできます。

作成したグラフを保存するにはどうすればいいですか？

プレビューエリアの下にある「保存」ボタンをクリックすると、作成したグラフをPNG/JPEG/SVG形式・画質を指定してダウンロードできます。アスペクト比を変更したい場合は、プレビューの枠線の右下にあるハンドルをドラッグして調整できます。

複数のデータ系列（色の違うエリア）を追加するにはどうすればいいですか？

データ入力表の右上にある「＋」アイコンをクリックすると、新しいデータ系列（列）を追加するための設定画面が開きます。ここで系列名、色、線の太さ、透明度などを設定して追加できます。

グラフを「積み上げ式」で表示できますか？

はい、可能です。「グラフスタイル」セクションにある「積み上げ式」のスイッチをオンにすると、各データが積み重なって表示されます。

グラフの線の形状（カーブの仕方）を変更したいです。

「グラフスタイル」セクションの「線のスタイル」から、直線的なものや滑らかな曲線など、複数のスタイルを選択して線の見た目を変更できます。

エリアの色や透明度を調整するにはどうすればいいですか？

各データ系列のラベルの横にある鉛筆アイコンをクリックしてください。編集画面が開き、カラーピッカーでの色変更や、スライダーでの透明度（透かし）の調整が可能です。

画像として保存するにはどうすればよいですか？

プレビューエリアの下にある「画像をダウンロード」ボタンをクリックすると、作成したグラフをPNG/JPEG/SVG形式・画質を指定してダウンロードできます。

アスペクト比を変更したい場合は、プレビューの枠線の右下にあるハンドルをドラッグして調整できます。

自動保存機能はありますか？

はい、あります。
グラフのデータはブラウザのローカルストレージに自動的に保存されます。
ページを再読み込みしたり、ブラウザを閉じて再度開いた際に、保存されたデータを復元することができます。

また、データ入力欄右上のリセットボタンを押すと、初期設定のデータに戻すことも可能です。