Fork of 112 on a Map

100%

Fork of 112 on a Map

✓ Published1🌍 Public

Last edited Jan 4, 2022

Created on Jan 2, 2022

A map of the Netherlands displays individual 112 emergency reports as semi-transparent red circles, with each circle's geographic position derived from the report's latitude and longitude coordinates. The visualization uses a React component architecture with D3 v5, employing `d3.geoMercator` projection and `d3.geoPath` to render municipality boundaries from a TopoJSON file, while the incident data is loaded as CSV. A commented-out date histogram component suggests the potential for temporal analysis, but only the spatial bubble map is rendered in the final output.

AI-generated description

A world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of 112 Multiple Views

This interactive visualization presents a choropleth map of the Netherlands showing emergency calls (112), with a linked time-series histogram below for brushing. The map displays individual incident locations as circles, while the histogram aggregates calls by date. Users can brush over the histogram to filter the map to a specific time range. The visualization uses React for the interface, with D3.js APIs including `d3.geoMercator`, `d3.geoPath`, `d3.scaleTime`, `d3.histogram`, and `d3.brushX`. Data comes from a CSV of 112 emergency calls, with Netherlands municipal boundaries from TopoJSON, rendered as SVG.

Ssxtnxy

88% match

Loading thumbnail…

Fork of Fork of Fork of 112 Multiple Views

This interactive visualization combines a map of the Netherlands with a synchronized date histogram to explore 112 emergency call data. A choropleth map displays individual incident locations as circles, while a linked brushable histogram below filters the map by date range. The visualization uses React with D3 v5’s `geoMercator` projection, `geoPath` for rendering municipal boundaries, and `brushX` for time filtering. Data comes from a CSV of geolocated emergency calls, with Dutch municipality boundaries loaded from TopoJSON.

GGuilinabaoge

86% match

Loading thumbnail…

Fork of 112 Multiple Views

A dashboard combines a map of the Netherlands with a date histogram, visualizing 112 emergency call data. The map uses a d3.geoMercator projection to plot individual incidents as circles, while the histogram displays call counts over time using d3.bin and d3.scaleTime. A d3.brushX brush on the histogram filters the map's displayed points. The visualization is built with React and renders SVG elements, sourcing city data from a CSV and geographic boundaries from a TopoJSON file.

Sstefanpullen

85% match

Loading thumbnail…

Fork of Fork of 112 Multiple Views

This example shows an interactive visualization of emergency incident data across the Netherlands. A geographic bubble map displays incident locations, while a synchronized date histogram below allows users to brush over time ranges, filtering the map to show only incidents within the selected period. The map uses D3’s `geoMercator` and `geoPath` projections, while the histogram pulls from `d3.bin`, `scaleTime`, and `brushX`. React manages state, and the data comes from a CSV of incident records with geographic coordinates.

KKamilPodsiadlo

82% match

Loading thumbnail…

Fork of Fork of 112 Multiple Views

This example presents a synchronized multiple-view visualization of 112 emergency call data across the Netherlands. A bubble map displays the geographic distribution of incidents, with a brushable time-series histogram below it that filters the map to show only incidents within a selected date range. The map uses a D3 geoMercator projection with d3.geoPath to render municipality boundaries from TopoJSON, while circles mark individual incident locations from CSV data. The histogram relies on d3.bin and d3.brushX for interactive temporal filtering. React manages the component state and rendering, with SVG used for all visualization elements.

Zzongkenchai

81% match

Loading thumbnail…

Fork

This interactive map of Dutch municipalities shows the administrative borders of the Netherlands, which users can click to zoom into a specific region. Clicking a municipality highlights it in red and smoothly animates the view to center on it, while clicking the background resets the map to its full extent. The visualization uses D3 v6 with the `d3.geoMercator` projection, `d3.geoPath` for rendering vector features, and the D3 zoom behavior (`d3.zoom`) to handle panning and scaling transforms. Data comes from a TopoJSON file of 2020 municipal boundaries fetched via `d3.json`, with hover states colored orange.

NNaveed945

78% match

Loading thumbnail…

Fork of D3 Map Nederland

This interactive map of Dutch municipalities uses D3.js and TopoJSON to display the 2020 administrative boundaries. Users can click any municipality to zoom in and highlight it in red, while hovering turns regions orange. The visualization implements pan and zoom controls via d3.zoom, with smooth transitions between zoom levels. Geographic projections are handled with d3.geoMercator and d3.geoPath, loading data from a remote TopoJSON source. The SVG-based rendering includes dynamic stroke scaling to maintain consistent border visibility during zoom operations.

Tttummala17

77% match

Loading thumbnail…

Untitled

This visualization combines a bubble map of emergency reports with a date histogram. It uses React to render a Mercator projection of the Netherlands, plotting each incident as a red circle based on its coordinates. The accompanying histogram, built with d3's scaling, binning, and time-series functions, displays the daily count of reported incidents. Both views read from a CSV file containing geolocation and timestamp data.

Ssri7harsha

76% match