Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task 1

Public visualization

Viewing a saved revision (read-only)

afda9593a23a4baca960ee2bbe9618ae

Activity6_Task 1

0 stars0🌍 Public
Nnithinnc@outlook.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This example shows a horizontal bar chart of 2020 population estimates for 30 countries, sorted by country name. The visualization uses a green fill for bars and blue axis ticks, with a formatted axis label reading "POPULATION-2020". The React app loads CSV data via the `csv` function from `d3`, converts the population column to numbers, and slices the top 30 rows for display. It renders an SVG using `scaleBand` for the categorical y-axis and `scaleLinear` for the continuous x-axis, with custom tick formatting converting large numbers to abbreviated forms like "B" for billions.

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.