Untitled

100%

✓ Published0🌍 Public

Last edited Apr 3, 2022

Created on Apr 3, 2022

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.

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

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

81% match

Loading thumbnail…

Multiple Views

This example combines a bubble map with a date histogram to visualize missing migrant incidents. The map uses a d3.geoNaturalEarth1 projection with graticules and country boundaries from the World Atlas TopoJSON, while circles sized by d3.scaleSqrt represent the total dead and missing. The histogram bins the data by month using d3.bin and sums the casualties with d3.sum, displaying the temporal distribution. Both views are rendered as SVG in React, reading data from a CSV of the Missing Migrants Project.

MMichael Bergerson

80% match

Loading thumbnail…

Untitled

This visualization combines a bubble map with a date histogram to show the geographic distribution and temporal trends of migrant deaths and disappearances. The map uses the Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, plotting circles scaled by `d3.scaleSqrt` according to the "Total Dead and Missing" count, while the histogram bins the same data by month using `d3.bin` and `d3.timeMonths`. The map overlays graticules and country boundaries from the World Atlas TopoJSON, with data sourced from the Missing Migrants Project CSV.

Mmaavwin6

80% match

Loading thumbnail…

35. Multiple Views Cleanup

This visualization combines a geographic bubble map with a histogram, both rendered in SVG using React, to display data on migrant deaths and disappearances. The bubble map projects city locations using the D3 natural Earth projection, with circle areas scaled proportionally to the square root of the death count against a graticule and world atlas. Below it, a time histogram aggregates the same data into monthly bins along a time axis, using D3’s time scale and histogram binning functions. The topojson library provides the country boundaries from World Atlas.

PPrashish Paudel

79% match

Loading thumbnail…

Fork of Multiple Views Cleanup

This visualization combines a bubble map and a date histogram to show migration incidents worldwide. The map uses a natural Earth projection with graticules and country boundaries from World Atlas TopoJSON, with circle sizes scaled by the square root of the total dead and missing. The histogram below aggregates monthly totals using d3.bin and d3.timeMonths. Both views use d3.scaleSqrt, scaleTime, and scaleLinear, rendered as SVG with React components. Data comes from the Missing Migrants Project CSV, parsed with d3.csv.

YYedrup

79% match

Loading thumbnail…

Multiple Views Cleanup

This example combines a bubble map and a histogram to visualize reported migrant deaths and disappearances. The map projects city coordinates using `d3.geoNaturalEarth1` and `d3.geoPath`, with circle radii scaled by `d3.scaleSqrt`. The histogram bins reported dates by month using `d3.histogram` and summarizes totals with `d3.sum`. Both views are rendered in SVG within a React component, with the histogram overlaid on the lower portion of the map. Data comes from a CSV of global migrant incidents, and country boundaries use TopoJSON from the World Atlas.

CCurran Kelleher

79% match