Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Man - SDV Activity 6 _Task 1

Public visualization

Viewing a saved revision (read-only)

bdeb8a98e8ab49baa2c7dae5063d6ac7

Fork of Man - SDV Activity 6 _Task 1

0 stars0🌍 Public
Mmanojapopuri@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024

This horizontal bar chart displays the populations of the top 20 countries in 2010, ordered by country name along the y-axis and population magnitude along the x-axis. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, rendering data as SVG rectangles with tooltips showing formatted values. The chart loads CSV data from a remote GitHub repository and applies a custom tick formatter that converts large numbers to abbreviated units like "B" for billions. Axis labels and styling utilize CSS classes defined in the HTML document.

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.