Skip to main content
SimilarExport ZIP
100%

Fork of 112 Multiple Views

✓ Published3🌍 Public
Sstefanpullen
Last edited May 29, 2022
Created on Jan 6, 2022

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.

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
92% 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 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
92% 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
90% 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
85% 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
79% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a world bubble map with a date histogram, both rendered as SVGs in React. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to plot migrant deaths and disappearances, with circle sizes scaled by `d3.scaleSqrt`. The histogram bins reported dates into months using `d3.histogram` and `d3.timeMonths`, summing totals per bin. A `d3.brushX` on the histogram filters the map’s data through a shared brush extent, enabling interactive cross-filtering between views. Data comes from the Missing Migrants Project CSV.

AAhmed Mamdouh
78% 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
77% match