Bar chart

100%

Bar chart - covid19

✓ Published2🌍 Public

Last edited Jan 12, 2021

Created on Jan 12, 2021

This bar chart displays the total number of Covid-19 cases in the top five US states as of January 12, 2021, sourced from Worldometer. The visualization uses d3.csv to load the data and d3.scaleLinear, d3.scaleBand, and d3.axisBottom/axisLeft APIs to map case counts to bar lengths and states to vertical bands. Each state’s bar is rendered as an SVG rect with a green fill, while the horizontal and vertical axes provide numerical and categorical reference points. The chart is built with D3 v6 and renders entirely as SVG elements.

AI-generated description

This bar chart shows the total number of Covid-19 cases in the top 5 US states ( up to January 12th of 2021). The data comes form The worldmeter

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Bar chart - covid19

This horizontal bar chart displays the total number of Covid-19 cases in the top five U.S. states as of January 12, 2021, using data from Worldometer. The visualization uses D3 v6 with SVG rendering, employing `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `csv` to load the data. It includes `axisLeft` and `axisBottom` for tick marks, with a title and formatted tick labels.

BbeauMarko

92% match

Loading thumbnail…

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

84% match

Loading thumbnail…

Corona Virus Total Cases US States

A horizontal bar chart displays total confirmed coronavirus cases for each U.S. state and Washington D.C., sorted from New York's 247,215 down to Alaska's 319. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map case counts to bar widths, with states on the vertical axis and cases on the horizontal axis. Data is loaded from a CSV file via `d3.csv` and rendered as SVG rectangles, with all bars colored blue and outlined in black.

Nnumberan

83% match

Loading thumbnail…

Trabajo Final Covid19

This bar chart displays confirmed COVID-19 case counts for ten countries, with the United States leading at over one million cases. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` to map case numbers to horizontal bars and country names to vertical positions, rendering as SVG. Axes are generated with `axisBottom` and `axisLeft`, with tick formatting via `format('.3s')`. Data is loaded from a CSV file, and styling is applied through external CSS, including green-filled rectangles and custom title labels.

Ppablocenfo

82% match

Loading thumbnail…

Covid 19 Cases in the US

This visualization displays COVID-19 case counts in the United States using a three-dimensional bar chart. The chart shows daily values for positive, negative, and recovered cases across multiple dates from the provided COVID-19 dataset. The code utilizes D3.js v5 alongside the d3-x3d library and X3DOM to render the 3D multi-series bar chart, with data loaded from a CSV file and parsed into a format compatible with the d3.x3d.chart.barChartMultiSeries() API.

Bbugfree55

82% match

Loading thumbnail…

Customized bar chart

This example presents a customized bar chart of COVID-19 case counts by U.S. jurisdiction, using data from August 2020. It displays the top ten locations ordered along the vertical axis, with horizontal bar lengths encoding total cases. The visualization is built with React and D3 v5, leveraging `scaleBand` for categorical positioning, `scaleLinear` for quantitative scaling, and `csv` for data loading. SVG rendering produces the bars, axes, and tick labels, with D3’s `format` function abbreviating large numbers (e.g., converting billions to “B”).

Rrsulli4

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

81% match

Loading thumbnail…

Top 10 Countries by COVID-19 Cases Bar Chart

This bar chart displays the top 10 countries by total COVID-19 cases, with each bar’s height representing the case count and the country name labeled on the x-axis. The visualization uses d3.csv to load data from a GitHub gist and d3.scaleBand for positioning bars, while d3.scaleLinear maps the case values to the y-axis. Hovering over a bar changes its fill color to orange, implemented through d3 selection event handlers. Axes and labels are generated using the @curran/axis-labels library alongside d3.axisLeft.

Wwkj0713@gmail.com

81% match