Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 6_Task 1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

170a21ea2e1b47518a05fa1bd7e13d17

Open

activity 6_Task 1

0 stars0🌍 Public
119n81a0581sunny@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This visualization displays the population of 30 countries for the year 2020 as a horizontal bar chart. The chart uses SVG rendering within a React framework, leveraging D3 v5 utilities such as `scaleBand`, `scaleLinear`, and `format` for axis scaling and tick labels. Data is loaded from a CSV file via the `csv` function, with values multiplied by 1000. Tooltips, styled with a Poppins font, show population values in billions when hovering over each bar.

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.