Data from XML2RDF Workshop

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.

68% match

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.

67% match

Plotting points test

This visualization plots geographic points from Dutch parking data onto a map of municipalities. The code uses d3.geoMercator projection and d3.geoPath to render the map from TopoJSON data, while fetching point coordinates from an RDW Open Data API. Circles are drawn in red for each location, using projection to convert longitude and latitude into SVG coordinates. The map inherits municipal boundaries from the cartomap.github.io TopoJSON source with hover fill transitions.

Mmbergevoet

66% match

Plotting points test

This example visualizes parking lot data retrieved from the RDW Open Data API, plotting geographic points onto a map of Dutch municipalities. The map uses an SVG rendering with a Mercator projection, and the geographic boundaries are drawn from a TopoJSON file using `d3.geoPath`. The parking point coordinates are extracted from the API’s geometry text fields and displayed as circles on the map. The visualization incorporates `d3.zoom` for panning and zooming the view, allowing users to explore the spatial distribution of the plotted points.

GGijs Laarman

66% match

Nu het inladen van de nieuwe data

This visualization displays a world map with small circles indicating the geographic locations of museum objects, with each point colored according to its associated object function or type. The data is retrieved via a SPARQL query from the Network Digital Heritage (Netwerk Digitaal Erfgoed) API. Using D3 v5, the code employs `d3.geoOrthographic` and `d3.geoPath` to render the globe, together with `d3.zoom` for interactive panning and zooming. A `d3.scaleOrdinal` color scheme maps object categories to a legend.

BBryan Ray

Gist 88815dae2f6167aea4e388194e61857a

This example shows a choropleth-style map of Dutch police districts, with hover interactions that reveal the district name in a tooltip. The visualization loads geographic boundary data from a national geo-service via WFS, processes it with Turf.js to rewind polygon coordinates, and renders it as SVG paths using D3’s geoMercator projection and geoPath. Hovering a district turns it orange and displays a floating label, while mouseout fades the tooltip away. The code relies on D3 v3 for SVG manipulation and event handling, with Turf.js for geometry correction before projection.

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.

English

This map of the Netherlands shows population density per neighborhood (wijk) using a color scale, alongside train tracks and station locations. A Voronoi diagram highlights which station is closest to any given point. The visualization uses `d3.geoPath` and the `d3.geoAlbers` projection with zoom on click, while `d3.scaleThreshold` and `d3.schemeGnBu` define the choropleth. Hovering reveals neighborhood names, population, density, and average distance to a station. Data sources include CBS and NS, rendered as SVG with D3 v4.

JJulesBlm