Oefenen met scale

100%

Oefenen met scale

✓ Published0🌍 Public

Last edited Sep 14, 2019

Created on Sep 14, 2019

This example demonstrates how to load and display geographic boundary data from a Web Feature Service (WFS) endpoint using D3.js. It shows a map of Dutch arrondissementsgebieden (judicial districts) for 2019, projected with a Mercator projection. The code uses `d3.json` to fetch GeoJSON from the national georegister WFS, then renders it as SVG paths via `d3.geo.path` with a `d3.geo.mercator` projection. A simple alert greets viewers before the visualization loads, and the SVG canvas is sized to 960 by 500 pixels.

AI-generated description

Similar vizzes

Loading thumbnail…

test met scale 150

This example displays a static map of Dutch arrondissement areas, projected using a Mercator projection at a scale of 150. It uses D3 v3 to fetch GeoJSON data from a national georegister WFS service and renders it as an SVG path. The visualization shows the geometry of CBS administrative regions for 2019, without additional styling or interaction. The code relies on `d3.geo.mercator` and `d3.geo.path` to project and draw the geographic features, while the data is loaded via `d3.json`.

FFrieseWoudloper

87% match

Loading thumbnail…

scale 200

This example shows a single unprojected map of Dutch arrondissement areas, rendered as a static SVG path. The visualization uses a Mercator projection with a fixed scale of 500, centering the geographic data on a 960×500 canvas. The code loads GeoJSON from a national georegistry Web Feature Service (WFS) endpoint, specifically the generalized 2019 CBS arrondissement boundaries. D3 v3’s `d3.geo.mercator()` and `d3.geo.path()` handle the projection and path generation, while the `d3.json` method fetches the remote data and appends the resulting path to the SVG container.

FFrieseWoudloper

86% match

Loading thumbnail…

test met hogere scale factor

This example shows a single black-and-white map of Dutch arrondissement areas, rendered as SVG paths on a blank canvas. It demonstrates a mercator projection with a high scale factor, focusing the view on a small geographic region. The code uses D3 v3’s `d3.geo.mercator()` and `d3.geo.path()` to project and draw the GeoJSON data. It fetches the data asynchronously via `d3.json()` from a Dutch national georegister Web Feature Service (WFS) endpoint. The visualization serves as a minimal test of geographic projection and path rendering, with an initial alert confirming script execution.

FFrieseWoudloper

84% match

Loading thumbnail…

arrondissementen in d3.js v3

This example visualizes Dutch administrative arrondissementen using a web Mercator projection. It shows a single combined path of the geographic boundaries, retrieved from a national georegister WFS service as GeoJSON, and renders it as an SVG path. The code uses d3.v3's `d3.geo.mercator()` for projection and `d3.geo.path()` to convert the GeoJSON features into a scalable vector graphic. A hardcoded scale parameter triggers an alert before the map is drawn, highlighting the projection’s default scale setting. The visualization focuses solely on the raw boundary shapes without additional styling or interaction.

FFrieseWoudloper

84% match

Loading thumbnail…

Gist 7a936b232f3444758c3bfc5775324231

This example shows a static map of Dutch arrondissements (districts) for 2019, rendered as a single SVG path using a Mercator projection. The code loads GeoJSON data from a national georegister Web Feature Service (WFS) endpoint via `d3.json`. It uses `d3.geo.mercator` and `d3.geo.path` to project and draw the geographic features. The visualization is minimal, displaying only the district boundaries without additional styling or interactivity.

FFrieseWoudloper

82% match

Loading thumbnail…

ZONDER TURFFFFF

This example displays a static map of Dutch arrondissementsgebieden (judicial districts) for 2019, rendered as SVG paths using D3 v4. It shows the geographic boundaries of these administrative regions, projected with a Mercator projection and fitted to a 700×400 viewport. The code fetches GeoJSON data from a Dutch national geodata WFS service, then uses `d3.geoPath` and `d3.geoMercator` to draw the features. The visualization emphasizes the shape and relative location of the districts without interactive or animated elements.

FFrieseWoudloper

80% match

Loading thumbnail…

Arrondissementsgebieden

This example visualizes Dutch judicial districts as interactive map shapes, highlighting each region on hover. It shows administrative boundaries sourced from a national geodata WFS service, with tooltips displaying district names. The code uses D3 v4’s `d3.geoPath` and `d3.geoMercator` projection, alongside Turf.js to rewind GeoJSON polygons for correct rendering. SVG paths change fill color on mouseover, while a custom HTML tooltip follows the cursor, all within an animated, zoomable viewport.

FFrieseWoudloper

79% match

Loading thumbnail…

Gist dbbbf5036a38b2eb912d97805615c7f5

This visualization displays a single choropleth-style map of the Netherlands, showing generalized administrative regions for 2019. It uses a Mercator projection to render geographic boundaries as SVG paths. The code relies on D3.js v3, specifically `d3.geo.mercator` for projection and `d3.geo.path` to draw the shapes, while fetching GeoJSON data from the Dutch national geodata WFS service. The map is rendered on a 1200×500 pixel canvas with no additional styling or interaction.

FFrieseWoudloper

78% match