Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity_6_question-1.1

Public visualization

Viewing a saved revision (read-only)

55d1d92a24834b2a9792f144c76bd90d

Activity_6_question-1.1

0 stars1🌍 Public
AAbrarb702@gmail.com
Last edited Oct 24, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This visualization displays a horizontal bar chart comparing the populations of ten countries in the year 2020, sourced from a CSV file hosted on GitHub. The example demonstrates how to integrate D3 v5 within a React component, using `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and `format` for axis tick labels (e.g., converting billions to "B"). SVG rectangles render the marks, with tooltips showing precise values via the native `<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.