Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart with Menus success

Public visualization

Viewing a saved revision (read-only)

bff34151660b484989fdda2302f0c4b5

Stylized Bar Chart with Menus success

0 stars0🌍 Public
Vvigneswaran009
Last edited May 19, 2021
Created on May 19, 2021

This interactive bar chart displays the top 20 hospitals by number of vacant COVID-19 beds, sourced from a CSV file of Covid Bed Status data. Users can switch the x-axis metric among three attributes—Total ICU Beds, Total COVID Beds, and Total COVID Vacant—via a dropdown menu. The visualization is rendered as an SVG using React components, with D3.js handling scales, axes, and data binding through functions like `scaleBand`, `scaleLinear`, and `csv`. Styled with the Poppins font, the chart updates reactively to the selected attribute.

AI-generated description

A program that shows the top 10 most populous countries as a bar chart.

Data: United Nations World Population Prospects 2019.