▥
Sales InsightCSV売上分析ダッシュボード
職業訓練用・架空データ
HTML × CSS × JavaScript × Codex

CSVを読み込むだけ。
売上の動きが、見えてくる。

売上データの集計から、グラフ・ランキング・傾向の確認まで。実際に操作できる分析アプリの完成見本です。

STEP 01

CSVファイルを読み込む

画面上で読み込んで集計します。サーバーへのアップロードは行いません。

練習用CSVを保存 ↓
読み込み中…

対応列:日付、注文ID、商品ID、商品名、カテゴリー、数量、単価、割引率、売上金額、販売チャネル、支払方法、地域、キャンペーン / UTF-8(BOMあり・なし)

STEP 02

売上をいろいろな角度から分析

売上合計
—割引後の売上金額
販売数量
—商品の合計点数
注文件数
—重複しない注文ID数
平均注文単価
—売上合計 ÷ 注文件数
TREND

月別売上推移

月ごとの比較
CATEGORY

カテゴリー別売上

構成比
CHANNEL

販売チャネル別売上

店舗・ECなど
WEEKDAY

曜日別の平均売上

1営業日あたり
RANKING

商品別売上ランキング

上位10商品
順位商品名販売数量売上金額
INSIGHTS

データからわかること

自動集計コメント
    これはAI生成の文章ではありません。

    JavaScriptによる計算結果から、決められたルールでコメントを表示しています。原因や改善策は、この結果をもとに人が検討します。

    STEP 03

    Codexと一緒に、アプリを改善してみよう

    01

    読み取る

    CSVの列を理解し、集計したい内容を考える。

    02

    作ってもらう

    Codexに機能の追加や修正を具体的に伝える。

    03

    確かめる

    結果が正しいか検算し、表示を確認する。

    04

    改善する

    使いにくい点を見つけ、AIと修正する。