Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task 8 Q1_VITESH CHALICHEEMALA

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

7a5727246f9a4d3fb029eeff1bac1581

Open

Task 8 Q1_VITESH CHALICHEEMALA

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

This horizontal bar chart displays the population of the top 10 countries in the year 2000. Built with React and D3 v5, it uses `scaleBand` for the categorical country axis and `scaleLinear` for the population scale, rendering SVG rectangles for each bar. Data is loaded via D3’s `csv` parser from a GitHub-hosted CSV file, with population values converted from thousands. The visualization includes formatted tick labels (using `format('.2s')`), axis components, and tooltips showing exact population figures via SVG `<title>` elements.

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.