Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Task 1 Question 2

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

022ca92dd0594cd8a8948d732a81be2b

Open

Activity 6_Task 1 Question 2

0 stars0🌍 Public
Rrahulsiddhartha123@outlook.com
Last edited Apr 12, 2024
Created on Apr 12, 2024
Forked from Hello VizHub

This bar chart displays the 2010 populations of 30 countries, ranked from largest to smallest, using a horizontal layout. The visualization loads data from a CSV file hosted on GitHub and renders it with React and SVG. The implementation uses D3 v5 for data processing and scales, specifically `csv`, `scaleBand` for the y-axis, and `scaleLinear` for the x-axis, with custom components for axes and marks. Blue tick lines and light green bars are rendered, with tooltips showing formatted population values.

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.