met wfs en geojson als output formaat

100%

met wfs en geojson als output formaat

✓ Published0🌍 Public

Last edited May 6, 2019

Created on May 5, 2019

This example shows how to load and display GeoJSON data that has been retrieved from a WFS (Web Feature Service) and converted to TopoJSON format. The map renders the Dutch municipal boundaries as SVG paths using D3 v4. The data pipeline is notable: GeoJSON in EPSG:4326 is fetched from a WFS, the winding order of the polygons is reversed in FME, and the result is written to TopoJSON. The visualization displays the topology-encoded arcs, demonstrating the boundary polygons of Dutch municipalities with a minimal, functional style typical of D3 examples.

AI-generated description

In dit voorbeeld GeoJSON (EPSG:4326) opgevraagd bij WFS + reverse winding order in FME + wegschrijven naar TopoJSON

Similar vizzes

Loading thumbnail…

Gist b62153d4a07669c8305bc65ebaf7f381

This visualization shows a map of Dutch municipalities (gemeenten) rendered from a TopoJSON topology file. The SVG-based map uses D3 v4 to draw geographic boundaries, with each municipality outlined as individual paths. The animation animates the paths when the visualization loads, drawing the boundaries in sequence. The data source is a TopoJSON file containing the geometry of the Dutch municipal divisions, which is loaded and converted for display. The visualization highlights the boundaries between municipalities across the Netherlands, with the animated drawing effect emphasizing the shapes and spatial relationships of the regions.

FFrieseWoudloper

79% match

Loading thumbnail…

Gist d214dcd214bbefa0eeb55b6f7d209c33

This visualization shows a TopoJSON map of Dutch administrative regions, rendered as vector shapes defined by coordinate arcs. The data file, named "arrondissementsgebieden.json" (Dutch for "districts areas"), contains geospatial boundary data that is displayed as a static map. The arcs encode the outlines of the regions, and the visualization likely uses D3.js or similar to project and render these coordinates as an interactive or static choropleth-style map, though no styling or color encoding is present in the raw data. The example demonstrates how raw topological data can be parsed and displayed as a map of regional boundaries.

FFrieseWoudloper

78% match

Loading thumbnail…

D3 Map Nederland

This example renders a choropleth map of Dutch municipalities using the D3 v5 library and TopoJSON data from cartomap.github.io. It draws each municipality as an SVG path using d3.geoPath with a geoMercator projection centered on the Netherlands. The code fetches the TopoJSON file, converts it to GeoJSON with topojson.feature, and appends the paths to an SVG group. The visualization demonstrates basic map projection and geographic data rendering with D3’s geo module.

ZZekkieB

78% match

Loading thumbnail…

Oefenen met scale

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.

FFrieseWoudloper

78% 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

76% match

Loading thumbnail…

Zonder turf in d3v3

This example shows a choropleth-style map of Dutch arrondissements, with hover highlighting in orange and a tooltip. It uses D3 v3 with a Mercator projection and `d3.geo.path()` to render GeoJSON features as SVG paths. The map loads data from a public WFS service, styling regions with light gray fills and white strokes. The code explicitly sets the projection’s translate but leaves the scale at its default, so the map may appear cropped or misaligned. A CSS tooltip is defined but not implemented in the script.

FFrieseWoudloper

75% match

Loading thumbnail…

Map

This example displays a map of Dutch municipalities using an equirectangular-like natural Earth projection. It loads geospatial data from a public WFS endpoint using `d3.json` and renders each township as an SVG path with `d3.geoPath` and `d3.geoNaturalEarth1`. The visualization simply draws the geographic boundaries without interactive features.

Mmbergevoet

75% match

Loading thumbnail…

geologyNL.topojson

This map visualizes the geology of the Netherlands as a TopoJSON-encoded geographic dataset. It uses d3.geoPath to render the topological arcs as vector shapes, with each arc segment defined by 2D coordinate offsets. The data consists of encoded geometric paths, rendering an outline of the country’s boundaries. The visualization relies on the TopoJSON format to compactly represent the region’s spatial structure for mapping.

JJulesBlm

74% match