Skip to main content
SimilarExport ZIP
100%

CoronaVirus multiple view with brush

✓ Published0🌍 Public
AAmir
Last edited Mar 21, 2021
Created on Mar 21, 2021

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.

AI-generated description

United Nation Population Bar Chart

MIT Licensed

Similar vizzes

Loading thumbnail…

Multiple Views with Brushing

This visualization combines a bubble map of global migrant deaths with a brushing-linked time series histogram. The map uses D3’s `geoNaturalEarth1` projection and `geoPath` to render country boundaries and proportional circles sized by death counts. Selecting a date range with `brushX` on the histogram filters the map’s data in real time. The React app loads CSV data from Simplemaps and TopoJSON world atlas boundaries, rendering both views as SVG.

JJohn Lewis
85% match
Loading thumbnail…

Covid-19 Map with brushable line chart and interatice bubble

This interactive visualization combines a world map of COVID-19 confirmed cases with a brushable line chart, allowing users to filter the map by selecting a date range. The map uses a natural Earth projection with circle sizes scaled by case counts, while the line chart shows daily totals for either the entire world or a hovered country. Built with React and D3 v5, the chart employs `d3.brushX` for selection and `d3.geoPath` for rendering country boundaries from the World Atlas TopoJSON, with data sourced from the CSSEGISandData COVID-19 time series.

SSatorumi
84% match
Loading thumbnail…

Multiple views with brushing

A choropleth-style bubble map displays global migrant deaths and disappearances, with a coordinated histogram showing the same data over time. Brushing a time range on the histogram filters the map’s circles in real time, highlighting temporal patterns. The visualization uses React for component structure, D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, `brushX`, and `bin`, rendering SVG marks. Data comes from the Missing Migrants Project, with country boundaries sourced from World Atlas TopoJSON.

Ccshm407
84% match
Loading thumbnail…

Add brush - Multiple Views Cleanup

This interactive visualization combines a world bubble map and a time-series histogram to explore global migrant deaths and disappearances. A brush on the histogram filters the map’s circles, revealing only incidents within the selected date range. The map uses a `geoNaturalEarth1` projection with `geoPath` to render land and graticules. The histogram bins data by month using `histogram()` and `timeMonths()`. The implementation leverages React hooks, D3 scales (`scaleSqrt`, `scaleTime`), and an SVG rendering pipeline.

GGokulkrishnan1996
83% match
Loading thumbnail…

Multiple Views with Brushing

A choropleth-style bubble map and a time-series histogram show global migrant deaths, with brushing the histogram filtering the map’s city markers. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` with world-atlas TopoJSON data, while the histogram applies `d3.bin`, `d3.scaleTime`, and `d3.brushX`. React manages state and rendering, with SVG output.

Iiblub
83% match
Loading thumbnail…

Multiple Views with Brushing

This interactive visualization combines a bubble map and a date histogram to explore migrant deaths and missing persons. Users can brush a time range in the histogram to filter the map’s displayed circles, which are sized using `d3.scaleSqrt` and positioned with `d3.geoPath` and `geoNaturalEarth1`. A reactive `useState` hook manages the brush extent. The map shows city locations from a CSV dataset, with country boundaries from World Atlas TopoJSON, all rendered as SVG with React and D3 v5.

CCurran Kelleher
83% match
Loading thumbnail…

Multiple Views with Brushing

This example combines a world map and a time-series histogram to visualize migrant deaths. Brushing a time range in the histogram filters the map’s bubble markers, which use d3.scaleSqrt for sizing and d3.geoNaturalEarth1 projections via geoPath. The code uses React with useEffect for data loading and d3.brushX for interactive selection, rendering SVG elements.

LLaura Johnson
83% match
Loading thumbnail…

Multiple Views with Brushing

This example pairs a natural Earth bubble map with a time-series histogram, both rendered as SVG, to visualize global migrant deaths and disappearances. Brushing on the histogram filters the map’s circles in real time, showing only incidents within the selected date range. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for projections and country boundaries from TopoJSON, while the histogram aggregates monthly totals with `d3.bin` and `d3.sum`. Data comes from the Missing Migrants Project, with circle sizing scaled by `d3.scaleSqrt`. React manages state, and D3’s `brushX` drives the interactive filtering.

ZZG
83% match