DEMO アンケート集計 → 個人評価レポート 生成デモ　ランサーズ 5584857 向けに作成（タク）　※ ダミーデータです。ブラウザ内のみで動作します。

アンケート集計 → 指導者向け 個人評価レポート

Google フォーム → スプレッドシート出力の CSV を読み込み、48 問を集計 → 2 軸の散布図 2 種 → 質問ごとの評価パターン判定 → チーム比較まで行い、そのまま印刷（PDF 保存）できる HTML レポートを生成します。

1. CSV の読み込み フェーズ 1（Google フォーム → スプレッドシート）の出力を想定


        
実装上の注意（提案に含めています）：学校名・部活名は CSV に含まれないため、アップロード時に選択（既存から選ぶ／新規追加）して各行に付与する仕様とします。複数回の測定に対応するため、測定日時をキーに含めた複合キー（学校 × 部活 × 測定日）でレコードを管理します。

      

    


    

      
2. 生徒を選択 

      

        

        

          
          
          ※ ブラウザの印刷ダイアログで「PDF として保存」を選べます（A4 縦・改ページ調整済み）
        

      

    

  


  


  

    
3. 集計ロジックの考え方

    

      

        
処理内容

        
          
48 問の集約6 カテゴリ × 8 問に割り当て、カテゴリ平均を 100 点換算（設問の重み付けは設定ファイルで変更可能にします）

          
2 軸の座標計算カテゴリスコアを X 軸・Y 軸に割り当て、チーム平均を原点とした相対位置でプロット。軸の組み合わせは設定で差し替え可能にします

          
評価パターン判定設問ごとにチーム内の標準偏差を求め、+1σ 以上＝強み ／ −1σ 以下＝課題 ／ その他＝標準で三分類

          
チーム比較本人スコアとチーム平均を同一スケールのバーで併記（オレンジの縦線がチーム平均）

          
印刷@page A4＋break-inside:avoid で、図表が改ページで割れないよう制御

        
      

      
グラフ描画について：本番実装はご指定どおり Chart.js を使用します。本デモは「どこでも開ける・オフラインでも動く」ことを優先し、外部ライブラリを使わず インライン SVG で同等の図を自前描画しています（印刷時の欠けを防ぐ目的もあります）。