Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity6_Task-1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

7159580d97b645c7bf880c862cb18a20

Open

activity6_Task-1

0 stars0🌍 Public
Ggolisanthoshi2000@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024

This example displays a horizontal bar chart of population figures for 20 countries in 2010, with bars encoded by population magnitude and labeled with abbreviated values. The visualization uses React to render SVG elements, while D3’s `scaleBand`, `scaleLinear`, and `csv` handle data loading and axes. The `Marks` component draws rectangles with tooltips, and separate `AxisBottom` and `AxisLeft` components generate ticks. Data is fetched from a GitHub-hosted CSV file, and the chart includes a bottom axis label.

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.