Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task 8 Q1.2_VITESH CHALICHEEMALA

Public visualization

Viewing a saved revision (read-only)

a242be5fe1ac4dc69dfedb9fd131500e

Task 8 Q1.2_VITESH CHALICHEEMALA

0 stars0🌍 Public
Mmanju.972@gmail.com
Last edited Apr 8, 2024
Created on Apr 8, 2024
Forked from Hello VizHub

A horizontal bar chart displays the 2010 populations of 20 countries, ranked by name along the y-axis with population values extending along the x-axis. The visualization uses React components for structure and D3 v5 scales, including `scaleBand` for the categorical country axis and `scaleLinear` for the numeric population axis. Population data is loaded from a remote CSV file and rendered as SVG rectangles with native tooltips. The chart includes a formatted bottom axis that converts large numbers to abbreviated labels using D3's `format` function, with green bars and blue tick lines on a white background.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.