折れ線グラフ作成｜カテゴリ順と複数系列を保持

使い方

1. カテゴリ折れ線グラフへ、見出し例に合わせて2〜201行のデータを貼り付けます。
2. 必要な階級幅または四分位数方式を選び、計算ボタンを押します。
3. SVGの形だけでなく、直下の代替表で先頭・中央・末尾の値と件数を検算します。
4. 必要なら見出し付きTSVをコピーし、単位、集計条件、確認日と一緒に保存します。

計算式・考え方

カテゴリは入力順に等間隔で配置し、各系列の隣接値を直線で結びます。横軸を数値時間と仮定せず、系列間で同じカテゴリ位置を共有し、負の値も線形目盛で描画します。

注意事項

• カテゴリを入力順に等間隔配置し、最大4系列をそれぞれ線で結びます。横軸は連続数値ではないため、カテゴリ間隔の長さに意味はありません。年月の間隔が不均一なデータを正確な時間軸で描く用途には数値xの系列グラフが必要です。
• 途中行が欠測でも線を補間する設計ではなく、空セル自体を拒否します。欠測を0に置き換えると実際の0と区別できないため、根拠なく埋めないでください。完全な値がそろう範囲を使うか、欠測対応を明示した別ツールを選びます。
• カテゴリ順を自動ソートしません。月順、工程順、評価段階順など意味のある順序を入力側で整えます。五十音順や値の大きい順へ変更した場合は線の形も変わるため、順序規則をタイトルや注記へ残します。
• 負の値と正の値を同じ線形目盛で描けます。系列ごとのスケールを別々にしないため、単位や桁が大きく違う系列を混ぜると小さい系列が読めません。指数の違う系列は比率化するか別図に分ける判断が必要です。
• 折れ線は隣接カテゴリ間の連続変化を連想させます。単に独立した商品名や地域を比較するだけなら棒グラフの方が誤読を抑えやすい場合があります。線を結ぶ意味がある順序かを先に確認してください。
• 最大80カテゴリ、最大4系列です。密な図ではSVG内の横軸ラベルを間引いて表示しますが、データ行を削除しません。全ラベルと全値は直下の代替表とTSVで確認できます。
• 系列名は固定された安全な識別子に対応し、表示見出しから凡例を作ります。入力したラベルをCSSクラスや属性名として実行しません。色だけでなく凡例名と表列を使って系列を識別します。
• 利用例は月別指標、段階別評価、複数商品の同順序比較です。開始点と終了点だけでなく途中の値、単位、集計方法を確認し、線の上下だけから将来傾向を外挿しないでください。
• 計算は入力検査、数値表の解析、集計、SVG描画、代替表、コピー用TSVの生成まで、開いているブラウザー内だけで完結します。データをサーバー、外部API、CDNへ送らず、アカウントやファイルアップロードも要求しません。ただし共有画面、ブラウザー拡張、OSのクリップボード履歴はこのページから制御できません。
• 数値は絶対値1e100以下の有限な10進数に限定し、NaN、Infinity、空セル、列数の違い、区切り文字の混在を拒否します。実データは2行から201行です。大きな値と極小値を混ぜるとbinary64の丸めや桁落ちが起こり得るため、元の測定精度以上の意味を表示桁へ持たせないでください。
• CSV、TSV、空白区切りのいずれか一つを使えますが、引用符付きCSVには対応しません。先頭行が定義済みの英字列名と一致すれば見出しとして除外します。項目名は制御文字、改行、タブ、長すぎる文字を拒否し、同じラベルを別項目として曖昧に扱いません。
• SVGはcreateElementNSで要素を作り、文字はtextContentだけで配置します。入力文字をHTML、CSS、URL、イベント属性として実行しません。色はサイトの可読性を損なわない固定paletteから選び、入力側で任意色や任意コードを注入する機能を設けていません。
• グラフと同じ正本データを列見出し付き代替表へ必ず表示します。色や形だけに頼らず、キーボードで表へ移動し、各セルの値を確認できます。TSVは表の列順を保ち、文字セルが表計算ソフトで式として始まり得る記号なら安全な接頭処理を行います。
• 375px幅ではSVGのviewBoxを横幅100%へ縮小し、数値表だけを専用枠内で横スクロールさせます。ページ全体へ横はみ出しを発生させない設計です。縮小すると細部が密になるため、点やラベルを正確に読む用途では直下の代替表を併用してください。
• グラフは入力された値の視覚化であり、因果関係、統計的有意差、将来予測、母集団の代表性、外れ値の除外、品質保証を自動判定しません。医療、法務、金融、研究公表、行政判断に使うときは、標本設計、定義、欠測処理、単位、確認手順を専門資料と照合してください。
• 再現できる記録にはグラフ画像だけでなく、入力データ、列の意味、単位、対象期間、抽出条件、欠測と丸めの扱い、使用したページ名を含めます。表示された軸や色は数値そのものではないため、後日条件を変えて比較する可能性があるときは代替表のTSVを正本として残してください。
• 結果を別の資料へ転載するときは、縦横軸、分母、件数、単位、集計時点を省略しないでください。スマートフォンで縮小されたSVGやスクリーンショットだけでは細部が読めず、色覚や印刷条件でも区別が変わります。本文説明と数値表を一緒に提示すると誤読を減らせます。
• 入力を修正して再計算した場合は、古い画像と新しいTSVを混在させないよう版を分けます。ブラウザーのリセットは画面表示を消しますが、既にコピーした内容や外部へ貼り付けた値までは取り消しません。公開前には入力件数、代表行、末尾行をもう一度照合してください。
• 比較対象どうしでデータの定義がそろっていることも重要です。税込と税抜、速報と確報、延べ人数と実人数のように似た名称でも分母や集計方法が違えば、同じグラフへ並べた差に意味を持たせられません。出典と定義を値と一緒に管理してください。
• グラフの基本的な用途と形は2026年7月13日に総務省統計局『グラフの種類』およびNIST/SEMATECH e-HandbookのHistogram・Box Plot解説で再確認しました。資料は表現方法の根拠であり、本ページが個別データの妥当性を公的に保証するものではありません。

よくある質問