旅行プラン可視化デモ

ホテル候補・観光地・食事スポットを色分けし、旅程順に線でつないで見せる試作です。これは travel-agent 拡張イメージのサンプルで、実データではなく「京都2泊3日」を題材にしたモックです。

京都駅エリア 祇園・東山 嵐山 伏見稲荷 H1 ホテル候補A(京都駅) H2 ホテル候補B(五条) S1 清水寺 F1 祇園ランチ S2 嵐山 F2 錦市場 S3 伏見稲荷
ホテル 観光地 食事スポット プランAの動線 プランBの動線

この試作で見せていること

プランA 観光をまとめて回る王道ルート
  • ホテル候補A → 清水寺 → 祇園ランチ → 嵐山
  • 紫の線で、1日の移動順が視覚的にわかる
  • 観光を広く回る日のイメージに向いている
プランB 市内中心+近距離で回る軽めルート
  • ホテル候補A → 錦市場 → 伏見稲荷
  • オレンジの線で、別プランの動線を重ねて比較できる
  • 無理のない回り方を説明しやすい

本番では、各プランごとに「ホテル3件」「観光候補」「食事候補」「日別旅程」から自動で地点を作り、プラン単位または Day 1 / Day 2 単位で地図を出す想定。

travel-agent に足すと良さそうな仕様

1. 地点の型
hotel / spot / food / airport を分けて色分け
2. 動線情報
旅程順に lines を生成し、プラン別に色を切り替え
3. 出力形式
Slidev に iframe 埋め込み or 静的HTML / SVG を埋め込み
4. 比較性
A/B/C のプランを同じ地図上か別スライドで比較