Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6 Q1.1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

7016e398ec094f5c9c8111cddaee9d78

Open

Activity6 Q1.1

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

This bar chart displays the population of the top 10 countries in the year 2000, using a horizontal layout with country names on the y-axis and population values on the x-axis. The visualization is built with React and D3 v5, using `scaleBand` for the categorical axis, `scaleLinear` for the numeric scale, and custom `AxisBottom` and `AxisLeft` components for ticks. Data is loaded via `d3.csv` from a remote GitHub URL, with population values formatted using D3's `format` function. SVG rectangles represent each country's population, with tooltips showing exact formatted values on hover.

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.