Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Fork of Activity 6_task 1

Public visualization

Fork of Activity 6_task 1

0 stars0๐ŸŒ Public
Jjampani921@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Activity 6_task 1

This example shows a horizontal bar chart comparing population sizes across 30 countries for the year 2020. The visualization loads data from a CSV file using the `useData` hook and `d3.csv`, then renders the bars with SVG rectangles in a React component. The chart includes labeled axes with formatted tick values using `d3.format`, a title, and a tooltip that displays each country's population on hover. The code demonstrates the integration of React with D3 scales such as `scaleBand` and `scaleLinear`, along with reusable axis and mark components.

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.

Comments

Sign in to join the discussion.

MIT Licensed