Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Task 1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

4290cc4ce30141659c0fe07213524ed0

Open

Activity 6_Task 1

0 stars0🌍 Public
Vvenkatamanikantavaddi@my.unt.edu
Last edited Oct 22, 2024
Created on Oct 19, 2024
Forked from Activity 6

This bar chart displays the 2020 populations of 30 countries, sorted by country name. Built with React and D3 v5, it renders as an SVG using `scaleBand` for the y-axis and `scaleLinear` for the x-axis, with axes generated by custom `AxisBottom` and `AxisLeft` components. The data is loaded from a CSV file via `d3.csv`, and each bar’s value is formatted using D3’s `format` function, with tooltips showing the abbreviated population.

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.