Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Task8-task1

Public visualization

Viewing a saved revision (read-only)

66a30e99370c4d769bdd896a5ad1af9a

Fork of Task8-task1

0 stars1🌍 Public
Sshraehithareddy@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Task8

This bar chart displays the population of countries in 2020, ranked by country name. The visualization renders horizontal bars using React and SVG, with D3 v5's `scaleBand` and `scaleLinear` mapping country names and population values to screen coordinates. The chart includes custom axis components (`AxisBottom`, `AxisLeft`) and bars (`Marks`) that display tooltips on hover. Data is loaded from a CSV via D3's `csv` function, and the population values are multiplied by 1000 for display. The chart is styled with Poppins typography and uses a green color for the bars.

AI-generated description

A blank slate starting point showing the "Hello World" for the VizHub V3 Runtime Environment, which supports continuous hot reloading with interactive widgets.

https://vizhub.com/drbagwell/cfc6aaba08b54a598475e867bcc8fa21