折れ線グラフ作成ツール

線で説明できる順序から始める

折れ線グラフは、カテゴリの順序に意味がある場合に最も役立ちます。たとえば月、プロジェクトの段階、測定時点の気温、製品の連続したバージョンです。共有された順序に沿って各系列がどう変化するかを示せます。ただし、変化が起きた理由を証明したり、次の値を予測したり、関係のないカテゴリを意味のある傾向に変えたりはできません。

最初の列はカテゴリラベル用にし、系列ごとに1列を使います。列名が、読者が線を識別するための名前になります。

実例: 月ごとの登録数

この CSV を読み込むと、4か月にわたる2本の線を描けます。最初の行でカテゴリ列と2つの系列に名前を付け、以降の各行で1つのカテゴリとその値を指定します。

Month,Website registrations,Newsletter registrations
January,120,84
February,146,91
March,132,118
April,171,126

Webサイト登録の線は1月から2月に上がり、3月に下がり、4月に表示された中で最も高い値に達します。ニュースレター登録は表示されたすべての月で増えています。データ元がカンマではなくタブを使う場合は、同じ構成の TSV データを読み込んでください。

マーカー、グリッド、平滑化

マーカーがあると、入力した各観測値を見つけやすくなります。複数の線が接近している場合は特に、グリッドが概算の読み取りに役立ちます。平滑化は観測値の間の見た目の経路を変えるため、慎重に使ってください。曲線は、元データが裏付けない中間値まで確かなように見せることがあります。離散的なカテゴリ、不規則な観測、正確な値が重要な報告では、マーカーをオンのままにして画像とともに CSV を共有してください。

色だけに頼らず理解できるグラフにする

色を系列を見分ける唯一の方法にしないでください。各系列に明示的で見える名前を付け、正確な値や傾向が重要な場合は表または CSV でデータを提供します。どの系列が上昇、下降、方向転換したかなど、要点を短い文章で説明することもできます。

SVG または PNG は視覚的な書き出しであり、それだけで完全なアクセシビリティの代替になるものではありません。グラフを公開するときは、基になるデータと重要な関係をまとめた簡潔な文章を含めてください。これは、グラフをテキスト代替が必要な複雑な画像とし、情報を色だけに頼らせないという W3C の考え方に沿うものです。

このツールはグラフデータを処理し、SVG、PNG、CSV のダウンロードをブラウザ内でローカルに生成します。ページの読み込みは通常のサイトへのリクエストです。タブを閉じた後もグラフを残したい場合は、書き出しを保存してください。