geoc_01linesplit.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_01linesplit_base.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"] }
        }
      }
    },
    {
      "data": {
        "url": "geoc_01linesplit_dot.csv",
        "format": {
          "type": "csv"
        }
      },
      "mark": {"type": "circle", "opacity": 0.5},
      "encoding": {
        "longitude": {
         "field": "経度",
         "type": "quantitative"
        },
        "latitude": {
         "field": "緯度",
         "type": "quantitative"
        },
       "size": {"value": 100},
       "detail": {
        "field": "番号", 
        "type": "nominal"}, 
       "color": { 
        "field": "名前", 
        "type": "nominal", 
        "scale": { "range": ["#66cdaa"] }
       }
      }
    },
    {
      "data": {
        "url": "geoc_01linesplit_dot.csv",
        "format": {
          "type": "csv"
        }
      },
      "mark": {
         "type": "text", 
         "opacity": 1, 
         "size": 12,
         "color": "#202020" 
        },
      "encoding": {
        "longitude": {
         "field": "経度",
         "type": "quantitative"
        },
        "latitude": {
         "field": "緯度",
         "type": "quantitative"
        },
        "text": {
         "field": "名前", 
         "type": "nominal"
        }
      }
    }

  ]
}