Untitled

100%

✓ Published0🌍 Public

Last edited Jun 13, 2020

Created on Jun 13, 2020

This interactive visualization links a scatter plot, a symbol map, and a time-series brush to explore worldwide COVID-19 aggregated case data. Users can brush a time range to filter the scatter plot and map, or hover over points to highlight matching elements across all views. The visualization uses D3 v3 with `d3.svg.brush`, `d3.geo.path` with an Albers USA projection, and `d3.tip` for tooltips. Data is loaded from local JSON and CSV files containing confirmed cases, recovered cases, deaths, and increase rate over time.

AI-generated description

This research was done with Github data on worldwide-aggregated cases.

https://github.com/datasets/covid-19/tree/master/data

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

A dashboard of linked COVID-19 visualizations shows global cases via a Leaflet map, interactive line charts of pandemic metrics, and scatter plots. Users can select countries on the map to filter data, while brushable axes and k-means clustering reveal relationships like GDP per capita versus case rates. Built with d3.v7 and SVG animations, the dashboard loads data from a CSV and GeoJSON files.

Bbhargav83

84% match

Loading thumbnail…

Untitled

This interactive visualization integrates a choropleth map of U.S. states with a scatter plot and a time-series brush to explore event data. Users can brush over a timeline to filter events, which simultaneously updates the map and scatter plot. Hovering over a point in either view highlights the corresponding data in the other. Built with D3.js v3, it uses `d3.geoPath` for map projection, `d3.svg.brush` for filtering, and `d3.svg.axis` for the time axis. Data is loaded from a local JSON file.

Pprincit

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

81% match

Loading thumbnail…

Untitled

This visualization shows the progression of confirmed COVID-19 cases, deaths, and recoveries across multiple countries from January to March 2020. It uses a multi-line chart with time on the x-axis and case counts on the y-axis. The code loads data from three CSV files and uses d3.csv, d3.scaleLinear, d3.line, d3.axisLeft, d3.axisBottom, and d3.curveBasis to render the chart. A timer updates the displayed date range, animating the lines as new data points appear over time.

RRodrigo Vallejos

80% match

Loading thumbnail…

Untitled

This visualization combines a scatter plot, a map of US states, and a time-based brush to explore agricultural productivity data. The scatter plot displays each state’s score against its creation time, with circle size reflecting comment count, while the map overlays proportional symbols sized by agricultural productivity. A brush timeline filters the data across all views simultaneously, and hovering over a point or map symbol highlights the corresponding element in the other charts. The code uses d3.svg.brush, d3.geo.albersUsa, d3.geo.path, and d3.svg.axis to render the interactive SVG elements.

Bbl75d

79% match

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

79% match

Loading thumbnail…

Untitled

This visualization displays COVID-19 total cases by location using a bar chart rendered with SVG. It loads data from a CSV file via d3.csv, then uses d3.scaleBand for the categorical x-axis and d3.scaleLinear for the y-axis, with a fixed domain of 0 to 13. The bars are drawn as rectangles with a teal fill, and axis labels are rotated for readability. The chart is built with d3.v4 within a React framework, though the core logic is plain D3 JavaScript.

Bbhargav83

79% match

Loading thumbnail…

Untitled

This visualization presents a hierarchical tree map of COVID-19 case data, showing confirmed cases, deaths, and recoveries by continent and country. The root node aggregates global totals, branching into regions like Asia and individual nations, with China expanding into its provinces. Built with D3.js v5, the code uses a standard tree layout to position nodes and likely links, with each node displaying its name and associated metrics. The static data is embedded directly in the script, sourced from real-world pandemic statistics as of late April 2020. The visualization uses a simple, unstyled SVG rendering without interactive features or transitions.

Pphemmati

79% match