Fork of Fork of 112 Multiple Views

100%

Fork of Fork of 112 Multiple Views

✓ Published0🌍 Public

Last edited Jan 12, 2022

Created on Jan 12, 2022

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.

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

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

93% match

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

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

90% match

Loading thumbnail…

Fork of Fork of Multiple Views Cleanup

This visualization combines a bubble map with a date histogram to explore migration incidents. The map uses a Natural Earth projection to plot circles scaled by the square root of the total dead and missing, with landmasses and graticules rendered via `d3.geoPath` and `d3.geoGraticule`. The histogram below aggregates the same data by month, using `d3.histogram` and `d3.timeMonths` for binning. Both views are built with React and SVG, drawing from the Missing Migrants dataset.

Bbigstonecompany

84% match

Loading thumbnail…

Fork of Multiple Views Cleanup

This example presents a global view of missing migrant incidents, combining a geographic bubble map with a time-based histogram. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render landmasses, graticules, and spheres, with circle radii scaled by the square root of death counts (`d3.scaleSqrt`). The histogram bins incident dates into monthly intervals using `d3.histogram` and `d3.timeMonths`, summing fatalities per bin with `d3.sum`. Both views render as SVG within a React framework, sourcing city data from a CSV and world boundaries from TopoJSON.

Cchar0496

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

83% match

Loading thumbnail…

Fork of Multiple Views Cleanup

This interactive dashboard combines a world map with a time-series histogram to explore reported COVID-19 cases. The map uses a D3 geoNaturalEarth1 projection with geoPath to render country boundaries and graticules, overlaying circles scaled by the square root of total dead and missing cases per city. The histogram below bins reported dates by month using d3.bin and d3.timeMonths, summing case counts per bin. Both views are built with React, using SVG for rendering, and pull data from the CSSEGISandData COVID-19 repository.

DDominic Bluawofogbe

83% match