Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity7_Task1

Public visualization

Viewing a saved revision (read-only)

2896efa11fab430e838ed1da0514df2d

Activity7_Task1

0 stars1🌍 Public
AArungopal Andalam
Last edited Apr 26, 2024
Created on Apr 15, 2024
Forked from Hello VizHub

This chart displays the population of ten countries in the year 2000, with countries listed on the y-axis and population values on the x-axis. Rendered as an SVG using React, the visualization utilizes D3.js v5 functions like `scaleBand`, `scaleLinear`, and `max` to position horizontal bars, while a custom `format` function abbreviates tick labels. Data is loaded via D3’s `csv` parser from a remote GitHub URL, and axes are generated with custom React components—`AxisBottom` for x-axis ticks and `AxisLeft` for categorical labels—styled with light green marks on a gray background.

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.