Bar Chart

100%

✓ Published1🌍 Public

Last edited Mar 18, 2020

Created on Mar 18, 2020

This bar chart visualizes confirmed COVID-19 cases by country and region from the Novel Corona Virus 2019 dataset on Kaggle. It shows the total confirmed count for each location using horizontal bars, with country names on the y-axis and case numbers on the x-axis. The visualization is rendered as an SVG using D3 v5, leveraging `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map the data. The chart displays only the first two dates from the dataset, as the code parses observation dates without filtering.

AI-generated description

Novel Corona Virus 2019 Dataset https://www.kaggle.com/sudalairajkumar/novel-corona-virus-2019-dataset

MIT Licensed

Similar vizzes

Loading thumbnail…

Bar Chart

This bar chart visualizes the daily confirmed COVID-19 cases across eight countries from January to May 2020. The current configuration displays the US case count on the x-axis and dates on the y-axis, with each bar’s length representing the cumulative total. The code uses D3 v5 APIs including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to load data from a CSV file and render the SVG, with configurable axis labels and grid lines.

SSarahKiyani

85% match

Loading thumbnail…

covid-19 bar chart

This bar chart displays total COVID-19 case counts for different countries, with bars colored using a categorical palette and labeled with case numbers. It shows tooltips on hover containing country and total case information. The visualization uses D3 v7 to build the SVG, employing `d3.scaleBand` and `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.schemeCategory10` for bar colors. The underlying data is embedded directly in the source code.

HHarinathChakali33@gmail.com

83% match

Loading thumbnail…

Making bar chart

A horizontal bar chart displays COVID-19 case counts per country, with bars ordered by the data’s CSV order. The visualization uses D3 v5’s `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and `axisLeft`/`axisBottom` for gridlines. Data is loaded via `d3.csv` and rendered as SVG rectangles with a steelblue fill, while a clickable “Hello” button triggers a browser alert.

Llori99-data

81% match

Loading thumbnail…

bar graph

This bar graph displays the total number of COVID-19 cases for twelve countries, ranked along a horizontal axis with country names on the vertical axis. The chart uses the D3 library (v6) with an SVG rendering approach in a React framework. It employs `scaleLinear` and `scaleBand` for the scales, `axisBottom` and `axisLeft` for the axes, and loads data from a CSV file. The bars are colored pink via CSS.

Rrajan1508

80% match

Loading thumbnail…

Fork of Covid-19 confirmed cases (Date 25/09/20)

This visualization presents COVID-19 confirmed cases by date using a bar chart rendered with SVG, alongside a world map colored by total cases using a spectral color scale. The bar chart uses d3.scaleLinear and d3.scaleBand to map cases and dates, with axis labels styled with IBM Plex fonts and interactive tooltips via d3.tip. The map employs d3.geoPath with a geoNaturalEarth1 projection, and d3.scaleOrdinal with schemeSpectral to encode country-level data. Both views load from external CSV and TopoJSON sources, with the map supporting zoom interaction.

AAaronBhasker

80% match

Loading thumbnail…

6

This bar chart shows total COVID-19 cases for 14 countries, with values labeled above each bar. It uses d3.scaleBand for the x-axis, d3.scaleLinear for the y-axis, and d3.axisBottom/d3.axisLeft to render the axes. Bars are drawn as SVG rectangles with a steelblue fill, and case numbers are formatted with toLocaleString. The chart includes a title and uses the d3.selectAll pattern to bind data to elements.

Hharisankarakeluth@my.unt.edu

79% match

Loading thumbnail…

Covid-19 Data Visualization

This visualization displays total COVID-19 case counts for fourteen countries using a bar chart. Each bar’s height and value labels are mapped through d3.scaleBand and d3.scaleLinear, while d3.axisBottom and d3.axisLeft render the axes. Tooltips appear via mouseover events, and the SVG rendering includes a title and case number annotations. The data is embedded in the code as a static array, with cases formatted using the toLocaleString method.

AAbdul Kareem

79% match

Loading thumbnail…

Making a Bar Chart

This bar chart displays the top 10 most populous countries based on recent COVID-19 case counts, with countries on the y-axis and today’s new cases on the x-axis. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render an SVG chart with custom tick formatting. Data is loaded asynchronously from a remote API via `d3.json`, and each bar’s length is scaled to the maximum case value. The chart includes axis labels and a title, with axes customized to remove domain lines.

Aaayushina

79% match