Fork of Fork of Fork of 112 Multiple Views

100%

Fork of Fork of Fork of 112 Multiple Views

✓ Published0🌍 Public

Last edited Sep 23, 2022

Created on Sep 23, 2022

Forked from 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.

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.

Inspired by earlier work from 2018: bl.ocks.org: Migrant Deaths over Time.

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

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

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

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

92% match

Loading thumbnail…

Fork of 112 on a Map

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.

Sstefanpullen

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

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

80% match

Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a bubble map and a date histogram to explore missing migrants incidents worldwide. The map uses a natural Earth projection with country boundaries and graticules, where circle size encodes the total dead and missing per location. A linked time-series histogram below displays monthly death tolls, and users can brush across the timeline to filter the map to incidents within that date range. The example uses React with d3-scale, d3-geo, d3-brush, and TopoJSON for world atlas data.

Hhenry c

79% match