Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity8_Task-1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

39219460d85a4b5588f7fc015aae44e1

Open

Activity8_Task-1

0 stars0🌍 Public
HHarika Metta
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This example shows a horizontal bar chart of 2020 population data for 30 countries, with country names on the y-axis and population values on the x-axis, formatted in billions. The chart uses D3’s `scaleBand` for the categorical y-axis and `scaleLinear` for the continuous x-axis, rendered as SVG rectangles via React. Data is loaded from a CSV file using D3’s `csv` parser, and axes are drawn with custom `AxisBottom` and `AxisLeft` components that style tick lines and labels.

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.