COVID chart

100%

✓ Published2🌍 Public

Last edited Jun 22, 2020

Created on Jun 21, 2020

The bar chart displays the rate of coronavirus cases per 100,000 habitants for nine U.S. counties, ordered from highest to lowest, using a green fill for each rectangle. It uses D3 v5’s `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft`/`axisBottom` to render the axes. Data is loaded from `data.csv` via `csv` and appended as SVG rectangles. The source is Elflein (June 2020) via Statista.

AI-generated description

*Per 100,000 habitants
This bar chart was constructed using data from Elflein (June, 2020) Rates of coronavirus (COVID-19) cases in the most affected U.S. counties. Retrieved from https://www.statista.com/statistics/1109053/coronavirus-covid19-cases-rates-us-americans-most-impacted-counties/

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatterplot

This scatterplot displays COVID-19 case rates per 100,000 people for ten highly affected U.S. counties, ranked along the y-axis with case counts on the x-axis. The visualization uses d3.csv to load the data, d3.scaleLinear and d3.scalePoint for positioning, and d3.axisLeft and d3.axisBottom with custom tick formatting. Circles are appended via d3.selectAll and data joins, styled with blue fills and black strokes. The chart includes grid lines and a title, with data sourced from Statista via Elflein (June 2020).

Mmla341

84% match

Loading thumbnail…

Customizing Axes

This bar chart displays COVID-19 infection rates per 100,000 people for the most affected U.S. counties, with values sourced from Statista (2020). It shows how cases are distributed among ten counties, using a custom-formatted x-axis that abbreviates large numbers with a capital "K". The visualization uses d3.scaleLinear and d3.scaleBand for axes, and d3.axisLeft/d3.axisBottom for custom tick marks and labels. The code removes default axis lines, adds custom tick styling with d3.format, and annotates the chart with a title and axis label. Bars are rendered as SVG rectangles with a blue fill.

Mmla341

82% match

Loading thumbnail…

A10.wh

This visualization displays total COVID-19 cases per one million population for seven countries, comparing figures from March to September 2020 through a horizontal bar chart. A click on any bar triggers a d3-annotation label, with the U.S.A. example showing text and coordinates. Using D3 v7 with SVG rendering, the code employs `d3.scaleLinear` for the x-axis, `d3.scaleBand` for categorical country placement, and standard `d3.axisBottom`/`d3.axisLeft` axes, loading data from a local CSV file.

MMike Z

82% 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…

COVID chart

This horizontal bar chart displays the rate of COVID-19 cases per 100,000 residents for the most affected U.S. counties, with Trousdale County, Tennessee, leading at over 14,000. The visualization uses D3 version 5's `scaleBand` for the y-axis and `scaleLinear` for the x-axis, rendering bars as SVG rectangles within a 960×500 canvas. Data comes from a local CSV file (data.csv), sourced from Statista, and the chart applies `axisLeft` and `axisBottom` for its axes. The bars are uniformly styled with a steelblue fill via CSS.

SSusanne Clara

81% match

Loading thumbnail…

Untitled

This chart displays new COVID-19 cases on August 12th, 2020, for nine regions of England, using horizontal bars whose lengths encode case counts. Built with D3 v6, it loads data from a local CSV file via `d3.csv`, scales values with `scaleLinear` and `scaleBand`, and renders SVG rectangles. Axis ticks are generated using `axisLeft` and `axisBottom`. The data originates from the UK government’s coronavirus dashboard.

Bbicyclecode

80% match

Loading thumbnail…

Bar chart - covid19

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.

BbeauMarko

80% match

Loading thumbnail…

Interactive Bar Charts for Various COVID 19 Stats in the US

This interactive bar chart displays COVID-19 statistics for 20 US counties, showing metrics like confirmed cases and deaths selected via a dropdown menu. The bars are sorted by ascending death counts. Built with D3.js v6, it uses `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG visualization. Data comes from a New York Times dataset loaded as a CSV, with user interactions handled through a custom menu component using D3’s `dispatch` for change events.

MManh Pham

80% match