Covid 19

100%

✓ Published0🌍 Public

Last edited Dec 6, 2020

Created on Nov 26, 2020

This visualization presents COVID-19 case data across Australian states, combining a geographic map with a line graph. The map displays cumulative confirmed cases per state using scaled circles positioned via `d3.geoConicConformal` and `d3.geoPath`, while the graph plots daily confirmed cases for Victoria using `d3.scaleTime` and `d3.line`. Data is loaded from local CSV and GeoJSON files, with the map rendering SVG paths and circles styled by hover effects.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Covid19 - with React

This visualization presents the cumulative confirmed COVID-19 cases for each Australian state on a map. It uses a conic conformal projection (via `d3.geoConicConformal` and `d3.geoPath`) to render the geographic boundaries, and it encodes the number of cases with proportional circles (using `d3.scaleSqrt`) placed at each state's centroid. The application is built with React, loading the GeoJSON map data and CSV time-series data via D3’s `d3.json` and `d3.csv` loaders.

Ddtd-amiele

88% match

Loading thumbnail…

Covid-19

The visualization maps COVID-19 case counts per country on a world map using SVG circles, with circle radius scaled proportionally to the number of cases on March 25, 2020. It displays data from the Humanitarian Data Exchange, sourced from a CSV file containing daily case numbers since January 22, 2020. The map uses D3 v5’s `geoMercator` projection, `geoPath` to draw country boundaries, and `scaleSqrt` for radius scaling. A range slider is present, though the displayed date label shows placeholder text.

CChris Mora

80% match

Loading thumbnail…

COVID-19

This interactive D3.js visualization displays COVID-19 metrics over time for selected countries, allowing viewers to toggle between confirmed cases, deaths, and recoveries via two dropdown menus. The line chart uses a time-based x-axis and a linear y-axis, with a single red, blue, or green line rendered per selection. Data is loaded from a CSV file, processed by nesting and grouping entries by date, and filtered by country. The visualization uses D3's `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` for smooth curves.

WW9183907

78% match

Loading thumbnail…

Covid-19

This visualization displays the global spread of Covid-19 cases from January 22 to March 30, 2020, using a world map. It plots reported cases as orange circles, with each circle’s radius scaled by the square-root of the case count for a selected date. The map is rendered as an SVG using D3 v5’s `geoPath` and `geoMercator` projections, while case data is loaded from a local CSV file. A slider input allows interactive date selection, though the displayed date label is currently static. Data is sourced from Humanitarian Data Exchange.

Cczy68

78% match

Loading thumbnail…

Australia Network Partners Test

This visualization shows the geographic spread of COVID-19 cases across Australian states, with interactive image markers representing partner organizations positioned on the map. Built using D3 v5 and TopoJSON, it renders the state boundaries with a geoMercator projection and d3.geoPath. Users can pan and zoom via d3.zoom, while hovering over the embedded images scales their height. The data comes from a CSV file tracking cumulative case counts by date, though the map itself displays static state geometries rather than dynamically sized outcomes.

PPeter Dentch

78% match

Loading thumbnail…

Covid19 world map

This visualization presents a world map showing cumulative COVID-19 cases as of June 6, 2021, using a natural Earth projection rendered with SVG via `d3.geoPath`. Circle markers sized by a square-root scale represent case counts per country, while a corresponding size legend and a color legend for missing data are included. The map supports zooming through `d3.zoom`, and tooltips display country names and case totals using `d3.format`. Data is loaded from a CSV file merged with TopoJSON world geometry via `topojson.feature`, with graticule lines and hover effects on country paths.

Mmunpro2002

78% match

Loading thumbnail…

Covid-19

This visualization shows the global spread of COVID-19 by plotting circular markers on a world map, with each circle sized proportionally to the total reported cases for a country on March 25, 2020. The map uses a geoMercator projection with d3.geoPath to render country boundaries from TopoJSON. COVID-19 data from a CSV file is loaded with d3.csv, and circle radii are scaled using d3.scaleSqrt. An interactive range slider is present, though its current implementation only displays static text.

IIcecreamneverfall

78% match

Loading thumbnail…

Circles on a Map

This visualization presents daily COVID-19 case data as an animated, zoomable map. Teal circles sized by confirmed cases and red circles for deaths appear over each country, with a date ticker and hover tooltips providing detail. Built with D3.js (v5), it uses `geoPath` and a Natural Earth projection, animating circle radii via `transition()`. Population data comes from a CSV file (`data01.csv`) and country shapes from the VisionsCarto World Atlas TopoJSON.

Iinroadings

77% match