Covid May 2020: Date Vs New Cases countrywise

100%

Covid May 2020: Date Vs New Cases countrywise

✓ Published1🌍 Public

Last edited Sep 21, 2020

Created on Sep 16, 2020

This visualization tracks daily new COVID-19 cases per country during May 2020, with each country rendered as a colored line over time. The data comes from a Kaggle-hosted CSV and is loaded using `d3.csv` via the `getData` function. The chart is built with the Vega-Lite API, calling `vl.markLine()` with temporal x-axis and quantitative y-axis encodings, while country names drive the color channel. Tooltips display exact case counts and locations. The visualization uses vega-lite-api’s `register` method with vega and vega-lite, and renders as an SVG fitted to the viewport.

AI-generated description

A visualization constructed using the vega-lite-api.

The data shown here comes from the Kaggle: Corona virus cases.

This visualization shows which contries had how many new Covid cases daily in month of May 2020 for each country

MIT Licensed

Similar vizzes

Loading thumbnail…

Covid countrywise total cases on 1st May vs 31 st May

This visualization compares COVID-19 total cases across countries on May 1st against May 31st, 2020, using two horizontal bar charts stacked vertically. It highlights which nations had high case counts at the month’s start and end, filtering to countries with over 20,000 cases. The charts are built with the Vega-Lite API, which compiles specifications to Vega, and data is loaded from a CSV file hosted on GitHub using d3.csv. The code uses vl.vconcat to align the two plots and vl.markBar for the bars, with x- and y-encodings sorting by case count.

Mmanasishrotri

88% match

Loading thumbnail…

Covid cases with menu to select country

This interactive visualization displays daily COVID-19 case counts for ten countries, with each country represented as a distinct colored line. The chart shows smoothed new cases over time, with a sidebar color legend identifying each country. The visualization uses React for component-based rendering and d3 v5 for data mapping, scales, and line generation with the curveNatural interpolation. Data comes from the COVID MAY Dataset, loaded via d3.csv, and is rendered as SVG paths with axis components built from d3 scale ticks.

Qqcuong96

79% match

Loading thumbnail…

Covid Cases

This visualization shows daily COVID-19 cases in New York City from late February to mid-May 2020, using vertical bars to represent case counts over time. The chart is rendered as an SVG using D3 v5, with a linear scale for cases and a band scale for dates. It employs `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` from the d3 module to construct the axes and bars. Data is loaded from a CSV file via `csv("data.csv")`, with hover effects changing bar color to orange. The underlying data appears to come from NYC Health data.

Cclaudiatomateo

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…

COVID-19

This interactive visualization shows daily COVID-19 cases, deaths, and recoveries for a selected country. Users can choose a country and a metric from dropdown menus, with the line chart updating to display the chosen data. The line color corresponds to the selected status: blue for confirmed cases, green for recovered, and red for deaths. Built with D3 v5, the SVG chart uses `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`, with data from the Novel Corona Virus 2019 Kaggle dataset.

FFadziMandondo

78% match

Loading thumbnail…

Total covid cases on 31st May

A world map shows total COVID-19 cases on May 31, 2020, for ten selected countries. Red circles sized with a square-root scale (`d3.scaleSqrt`) represent case counts, while `d3.geoNaturalEarth1` and `d3.geoPath` render the sphere, graticules, landmasses, and country borders. Data from a CSV file is filtered by month and date, then merged with coordinates. The visualization is built with React, D3 v5, and TopoJSON, rendering marks as SVG circles with hover titles showing country names and totals.

Mmanasishrotri

77% match

Loading thumbnail…

Covid cases with interaction with country

A line chart displays new daily COVID-19 cases for ten countries from a CSV dataset, with each country’s trend as a colored curve. Hovering over a country name in the legend highlights that specific line and fades the others, implemented via React state and `onMouseEnter` handlers. The visualization uses D3 v5 scales (`scaleTime`, `scaleLinear`, `scaleOrdinal`), the `d3.line` generator with `curveNatural`, and custom React components for axes and the interactive legend, rendering to SVG.

Mmanasishrotri

77% match

Loading thumbnail…

Covid cases with menu to select country

This interactive visualization shows COVID-19 case data for multiple countries, allowing users to compare trends through a dropdown menu to select a country. The SVG chart displays time-series lines with a color legend identifying each nation, using a linear y-scale for case counts and a time-based x-axis. Built with React and D3 v5, the visualization uses `scaleTime`, `scaleLinear`, and `scaleOrdinal` for scales, while `d3.line` with `curveNatural` renders smoothed paths. Data comes from a CSV file loaded via `d3.csv` from the COVID MAY Dataset.

DDean Bozic

77% match