Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Activity 6_Task 1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

fd9b18aa176c48fa89a3cb76a6e54289

Open

Fork of Activity 6_Task 1

0 stars1🌍 Public
Hharsha13638@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Activity 6_Task 1

This example displays a horizontal bar chart of population totals for 30 countries in 2020, using a bar length to encode each country’s population magnitude. The visualization is built with React and D3 v5, leveraging `scaleBand` and `scaleLinear` for scales, and `csv` to load data from a GitHub-hosted CSV file. Rendered as SVG, it includes custom axis components, a formatted tick label using `format('.2s')`, and tooltips via the `<title>` element.

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.