COVID Deaths Linked Views with Brushing

100%

COVID Deaths Linked Views with Brushing

✓ Published0🌍 Public

Last edited Jun 15, 2020

Created on Jun 14, 2020

Forked from Migrant Deaths Linked Views with Brushing

An interactive map of Georgia county-level COVID-19 death counts, where a linked time-series histogram below the map filters the displayed circles via brushing. The map uses `d3.geoNaturalEarth1` projection with `d3.geoPath` for world atlas landmasses, while circles are scaled by `d3.scaleSqrt` based on total dead and missing. The histogram uses `d3.bin` and `d3.brushX` to select date ranges, with React updating the filtered data in real-time. Data comes from a CSV of reported dates and coordinates.

AI-generated description

The final installment from the online course Datavis 2020.

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.

This iteration is optimized for performance using React's useMemo hook.

MIT Licensed

Similar vizzes

Loading thumbnail…

CoronaVirus multiple view with brush

This interactive visualization combines a geographic bubble map with a time-series histogram to explore global COVID-19 death data. A brush on the histogram filters the map’s circles, which represent cumulative deaths per location. The map uses d3.geoNaturalEarth1 projection and d3.geoPath for landmasses, while the histogram employs d3.scaleTime and d3.histogram for binning. Data is loaded via d3.csv from the CSSEGISandData repository, and the React interface manages the linked brushing state.

AAmir

82% match

Loading thumbnail…

Migrant Deaths Linked Views with Brushing

Linked views with brushing show migrant deaths on a world map and a time-series histogram of monthly totals. Brushing a time range on the histogram filters the map’s bubble markers to show deaths within that period. The map uses d3.geoNaturalEarth1 and d3.geoPath for country boundaries and graticules, while circle size encodes death counts via d3.scaleSqrt. The histogram uses d3.bin, d3.brushX, and React’s useMemo for performance. Data comes from the Missing Migrants Project subset CSV.

SSophia Murage

82% match

Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This interactive visualization combines a bubble map and a date histogram to explore migrant deaths. Users can brush over the histogram to filter the map, which updates circles sized by the total dead and missing. The map uses a natural Earth projection via `d3.geoPath`, while the histogram employs `d3.brushX` and `d3.bin` for time binning. Data comes from a COVID-19 CSV dataset, rendered in SVG with React and D3 v5.

SSarahKiyani

82% match

Loading thumbnail…

Migrant Deaths Linked Views with Brushing

A choropleth-style bubble map shows migrant deaths by location, with a linked time-series histogram below. Brushing the histogram filters the map circles in real time, revealing temporal patterns. The visualization uses React with D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and `bin` for monthly aggregation. City coordinates and death counts come from CSV data, while country boundaries use TopoJSON from World Atlas, rendered as SVG with graticules and polished styling.

Aarths-glitch

82% match

Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This example shows two linked views of migrant death data: a natural Earth projection world map with semi-transparent circles scaled by total deaths and missing persons, and a date histogram of monthly totals. Brushing a time range in the histogram filters the circles on the map, revealing temporal patterns. The map uses `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule` with TopoJSON world atlas boundaries. The histogram uses `d3.bin`, `d3.scaleTime`, and `d3.brushX` within a React component, rendering SVG marks for both views.

NNodirbek Parpibaev

82% match

Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This visualization presents migrant deaths and missing persons with two linked views: a world map with scaled circles for total deaths and a brushing-enabled time histogram. Users brush over the monthly histogram to filter the map’s circles to show only incidents within that date range. The map uses `geoNaturalEarth1` projection with `geoPath` and `geoGraticule`, while the histogram aggregates data with `d3.histogram` and `brushX`. Circle radii are set with `scaleSqrt`, and React’s `useMemo` optimizes rendering. Data comes from a CSV of reported incidents.

SSarahKiyani

82% match

Loading thumbnail…

Multiple Views with Brushing Faster

A world map displays migrant fatalities with scaled circles, while a time-series histogram below shows monthly death counts. Brushing across the histogram filters the map’s circles to the selected date range. The visualization uses React with D3 v5 for `geoNaturalEarth1` projection, `geoPath`, `scaleSqrt`, `brushX`, and `bin` APIs. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

Ttharuta

81% match

Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This example presents a linked-view visualization of migrant deaths using a world map and a time-series histogram. A bubble map shows the geographic distribution of fatalities, while a brushed date histogram filters the map to show data within a selected time range. The visualization uses React with `useMemo` for performance optimization, D3 v5 for map projection (`geoNaturalEarth1`), geographic paths (`geoPath`), and scales (`scaleSqrt`, `scaleTime`), as well as `brushX` for interactive brushing. Data is loaded from a CSV dataset, and country boundaries come from World Atlas TopoJSON.

XXiaoleiGuo

81% match