Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task8_Q1_1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

ce05cc1491d942fbbe3b2900b710229a

Open

Task8_Q1_1

0 stars0🌍 Public
Ttarunskuruvadi@gmail.com
Last edited Apr 9, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

A horizontal bar chart displays the population of ten countries in the year 2000, ranked by country name on the y-axis and population values on the x-axis. The chart uses D3 v5 scales, including `scaleBand` for the categorical axis and `scaleLinear` for the numeric axis, with React components rendering SVG rectangles for each bar. Tooltips show formatted population values using D3’s `format` function, while axis labels and tick marks are built with custom `AxisBottom` and `AxisLeft` components. Data is loaded from a CSV file via `csv` from D3.

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.