SVG Story Data Visualization — 歴史・年表
戦国時代(1542〜1582年)の勢力変化を、動く地図+年表で視覚的に体験できるWebアプリケーションです。教科書の文字情報だけでは掴みにくい「誰が・どこを・いつ支配したか」を、色・地図・矢印でひと目で理解できます。
HTML・CSS・JavaScriptのみで動作するため、インストール不要。ブラウザで開くだけで即座に利用できます。授業・プレゼン・歴史学習のリファレンスとして幅広く活用できます。
全8シーンを収録。スライダーや再生ボタンで年代を自在に行き来しながら、戦国乱世の40年間を追体験できます。
天文11年から天正10年までの約40年間を、歴史的転換点ごとに8つのシーンに分けて収録しています。
直感的な操作で誰でもすぐに使えます。マウス・キーボードどちらでも操作可能です。
各勢力は固有の色で地図上に表示されます。色凡例と照らし合わせながら地図を読み解いてください。
| 色 | 武将名 | 拠点・主な支配地 | 主な活躍期 |
|---|---|---|---|
| 織田信長 | 尾張 → 畿内・東海・北陸 | 1560〜1582年 | |
| 武田信玄 | 甲斐 → 信濃・駿河・東海 | 1542〜1573年 | |
| 上杉謙信 | 越後 → 北陸・関東 | 1542〜1578年 | |
| 今川義元 | 駿河・遠江・三河 | 1542〜1560年 | |
| 毛利元就 | 安芸 → 中国地方全域 | 1542〜1571年 | |
| 北条氏康 | 相模・伊豆・武蔵・関東 | 1542〜1560年代 | |
| 明智光秀 | 丹波 → 畿内(一時的) | 1582年(本能寺の変) | |
| 徳川家康 | 三河 → 東国全域 | 1560〜1582年(後継者) |
外部ライブラリ・サーバー不要。モダンブラウザであれば、HTMLファイルをダブルクリックするだけで動作します。