Voorbeeld 1

100%

✓ Published0🌍 Public

Last edited Nov 10, 2019

Created on Nov 10, 2019

This example shows interactive maps of the Netherlands, centered on Groningen, with a marker and popup identifying the Martinitoren. It demonstrates three versions of Leaflet-based mapping: the first displays a standard tile layer; the second adds a layer control to switch between five Dutch base maps (standaard, grijs, pastel, water, luchtfoto); the third uses a custom projected coordinate system (EPSG:28992) via Proj4Leaflet to load an OpenTopo background tile layer. The code uses Leaflet’s tile layer, marker, popup, and control layers, with tile sources from PDOK and OpenTopo.

AI-generated description

Similar vizzes

Loading thumbnail…

Voorbeeld van het gebruik van de BRT Achtergrondkaart in Leaflet in combinatie met Shiny

This example demonstrates how to combine the Dutch national map service BRT Achtergrondkaart with Leaflet within a Shiny application, offering four selectable background layers: standard, pastel, grey, and aerial photography. The code uses the `leaflet` package in R, with tile layers fetched from the PDOK geodata service via WMTS URLs. A single marker with a popup is placed at the Martinitoren landmark. The Shiny UI and server components define an interactive map where users can switch base layers through a layers control.

FFrieseWoudloper

78% match

Loading thumbnail…

D3 Map Nederland

This example displays an interactive map of Dutch municipalities, coloring each region in light blue with black outlines and highlighting areas in solid blue on hover. The visualization loads geographic data from a TopoJSON file and renders it as SVG paths using D3 v5 with a Mercator projection. It employs d3.json to fetch the data, d3.geoPath with geoMercator for drawing shapes, and includes d3-zoom.v2 for potential panning and scaling capabilities. The hover effect is implemented through CSS, and each municipality includes a tooltip showing its name and ID.

Mmbergevoet

73% match

Loading thumbnail…

D3 Map Nederland

This example displays a zoomable map of Dutch municipalities using SVG paths colored light blue with dark outlines. Hovering highlights each region in blue, and a title tooltip reveals the municipality name and ID. The visualization uses D3 v5 with `d3.json` to load TopoJSON data, `d3.geoMercator` for projection, `d3.geoPath` for rendering, and `d3-zoom` for interaction. Data comes from the cartomap GitHub-hosted `gemeente_2020.topojson` file.

JJordy Fronik

71% match

Loading thumbnail…

D3 Map Nederland

This interactive map of the Netherlands displays provincial boundaries, which users can click to zoom and highlight in red, with a click on the background resetting the view. Built with D3 v6 and TopoJSON, it uses `d3.geoPath` and a Mercator projection to render the shapes, while `d3.zoom` handles panning and scaling between 1x and 8x. The data loads from a remote TopoJSON file via `fetch`, and transitions animate the zoom and fill changes. Hover effects turn regions orange, and SVG elements are used for all rendering.

Llamartm

71% match

Loading thumbnail…

Groninger gemeenten

This map shows the municipalities of the northern Netherlands, with each municipality rendered as an SVG path using D3 v4 and TopoJSON data. The map uses a Mercator projection fitted to the viewport. Hovering over a municipality triggers a tooltip that displays the municipality’s name, creating an interactive way to explore the region. The visualization is built with D3.js and TopoJSON, with the geographic data processed in Mapshaper.

FFrieseWoudloper

71% match

Loading thumbnail…

D3 Map Nederland

This visualization displays an interactive map of Dutch municipalities, allowing users to click any region to zoom in and highlight it in red. Hovering turns municipalities orange, and clicking the background resets the view. Built with D3 v6 and TopoJSON, it uses a Mercator projection via `d3.geoPath` and implements zoom/pan with `d3.zoom`, applying smooth transitions through `transition.attrTween`. Municipal boundary data comes from a remote TopoJSON file fetched at runtime, rendered as SVG paths with animated scaling.

Ssreen020

70% match

Loading thumbnail…

D3 Map Nederland

This map of the Netherlands displays all Dutch municipalities as interactive regions. It uses the D3.js library with a Mercator projection for geographic plotting and the topojson library to parse the GeoJSON data. Each region is rendered as an SVG path element, and users can hover over a region to see its name and ID number via a tooltip.

Mmbergevoet

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

70% match