vega3_shape_geoJson_points.json

{
  "$schema": "https://vega.github.io/schema/vega/v3.0.json",
  "width": 500,
  "height": 600,
  "autosize": "none",
  "signals": [
    {
      "name": "translate0",
      "update": "width / 2"
    },
    {
      "name": "translate1",
      "update": "height / 2"
    }
  ],
  "projections": [
    {
      "name": "projection",
      "type": "mercator",
      "scale": 6000,
      "rotate": [
        0,
        0,
        0
      ],
      "center": [
        5.254715,
        53.249369
      ],
      "translate": [
        {
          "signal": "translate0"
        },
        {
          "signal": "translate1"
        }
      ]
    }
  ],
  "data": [
    {
      "name": "oms",
      "url": "http://www.oms-waddenzee.nl/oms.ws/runpython.asmx/Start2?input=fewsPiParser.py%20getLocations%20--piService=%27http://www.oms-waddenzee.nl:8081/FewsPiService/fewspiservice?wsdl%27%20--filterId=%27f_werk.1%27",
      "format": {
        "type": "json",
        "property": "features"
      }
    }
  ],
  "marks": [
    {
      "type": "shape",
      "from": {
        "data": "oms"
      },
      "encode": {
        "update": {
          "strokeWidth": {
            "value": 1.5
          },
          "stroke": {
            "value": "white"
          },
          "fill": {
            "value": "steelblue"
          },
          "fillOpacity": {
            "value": 0.5
          }
        },
        "hover": {
          "strokeWidth": {
            "value": 25
          },        
          "strokeOpacity": {
            "value": 0.3
          },
          "stroke": {
            "value": "#00B4AA"
          }
        }
      },
      "transform": [
        {
          "type": "geoshape",
          "projection": "projection"
        }
      ]
    }
  ]
}