geoc_02linebuffer.json

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "width": 600,
  "height": 600,
  "layer": [
    {
      "data": {
        "url": "jp_pref.l.topojson",
        "format": {
          "type": "topojson",
          "feature": "pref"
        }
      },
      "mark": {
        "type": "geoshape",
        "stroke": "white",
        "strokeWidth": 0.5
      },
      "encoding": {
        "color": {
          "value": "#e0e0e0"
        }
      }
    },
    {
      "data": {
        "url": "geoc_02linebuffer.csv",
        "format": {
          "type": "csv"
        }
      },
      "mark": {"type": "line", "opacity": 0.5},
      "encoding": {
        "longitude": {
         "field": "経度",
         "type": "quantitative"
        },
        "latitude": {
         "field": "緯度",
         "type": "quantitative"
        },
       "order": {
         "field": "順序"
        },
       "detail": { 
         "field": "番号", 
         "type": "nominal"
        },
       "color": { 
          "field": "名前", 
          "type": "nominal", 
          "scale": { "range": ["#c71585"] }
        }
      }
    }
  ]
}