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)

d28f9fec4699420aa260439062ea8bfe

Open

Activity 6_Task 1

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

This horizontal bar chart displays the population of 20 countries in 2010, sorted by country name. The visualization uses React with D3 v5 scales (scaleBand and scaleLinear) to position bars and axes within an SVG, with tick marks and labels rendered by custom AxisBottom and AxisLeft components. Population values are loaded from a CSV file, formatted using d3.format's SI notation (converting G to B), and tooltips appear on hover 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.