Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity_6 Task-1

Public visualization

Viewing a saved revision (read-only)

17a8c7b492f242d28e49d9dced15c753

Activity_6 Task-1

0 stars0🌍 Public
AAnilKumarReddyVanteru@my.unt.edu
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This bar chart displays the population of ten countries in the year 2000, with country names on the y-axis and population values on the x-axis. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. The SVG rendering includes custom `AxisBottom` and `AxisLeft` components for ticks and labels, while `Marks` renders the bars. Data is loaded asynchronously from a CSV file using D3’s `csv` function, and tick values are formatted using the `format` API.

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.