Skip to main content
SimilarExport ZIP
100%

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

✓ Published0🌍 Public
Mmanasishrotri
Last edited Sep 23, 2020
Created on Sep 22, 2020

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.

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 change in total cases of covid 19, between 1st May 2020 and 31st May 2020. Which countries had high counts at the start of month and at the end of month?

MIT Licensed

Similar vizzes

Loading thumbnail…

Covid May 2020: Date Vs New Cases countrywise

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.

Mmanasishrotri
88% 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
79% match
Loading thumbnail…

Scatter Plot for Covid data with Menus

This interactive bar chart displays total COVID-19 cases across ten countries for May 31st, using a vertical scale with country names and a horizontal linear scale for case counts. Built with React and D3 v5, the visualization renders SVG rectangles whose widths encode case numbers, with tooltips revealing exact values. Data comes from a CSV dataset loaded via D3's `csv` function, and the chart filters rows in `useData.js` to include only specified countries while sorting by location.

Mmanasishrotri
77% match
Loading thumbnail…

Bar graph of covid deaths

A horizontal bar chart visualizes COVID-19’s new deaths on May 31 for ten selected countries, using a green fill for each bar and sorting the locations by death count. The visualization is built with React and D3 v5, employing `scaleBand` for the categorical y-axis and `scaleLinear` for the x-axis, with SVG rendering. Tooltips, created via the `<title>` element, display the country name and total cases, while the data is sourced from the COVID MAY Dataset on GitHub.

Mmanasishrotri
76% match
Loading thumbnail…

COVID19 Cases TOP 10 countries-March 19

This visualization displays the total reported COVID-19 cases for the top ten affected countries as of March 19, using a horizontal bar chart. The chart encodes case counts as bar lengths along a linear scale, while country names are arranged on a band scale. Data is loaded from a local CSV file using `d3.csv`. The SVG rendering is built with the D3 v5 API, specifically `select`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, with axis tick labels formatted using `format('.2s')`.

Llori99-data
76% match
Loading thumbnail…

Highest COVID-19 cases by country

This horizontal bar chart ranks the ten countries with the highest confirmed COVID-19 cases as of April 20, 2020, using data from the World Health Organization. It uses d3.csv to load the data, then renders SVG bars with d3.scaleLinear for the x-axis (case counts) and d3.scaleBand for the y-axis (countries), with axes generated by d3.axisLeft and d3.axisBottom. Bar widths reflect case totals, and styled rectangles use a solid blue fill.

Llekanrasheed
75% 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
75% match
Loading thumbnail…

Covid cases with menu to select country

This visualization displays COVID-19 case trends for ten countries using a multi-line chart, with options to filter by metrics like new cases, total cases, and deaths. The code uses React for state management and D3 v5 for scales, axes, and path generation. Data comes from the COVID May Dataset, loaded via D3’s CSV parser. A color legend doubles as a hover filter, dimming non-selected lines, while a dropdown menu allows metric selection. SVG rendering and D3’s curveNatural interpolation produce smooth temporal curves.

DDean Bozic
75% match