Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar hover

Public visualization

Viewing a saved revision (read-only)

0b8a8c47c2c346e3ba39dd7b08e8c511

Bar hover

0 stars0🌍 Public
AAkanksha
Last edited Mar 19, 2024
Created on Feb 20, 2024

A bar chart shows total Olympic medals for the top ten countries, using a dataset from the `@akankshapawar1/olympics` package. D3’s `scaleBand` and `scaleLinear` position the bars, while hover interactions change their fill color between black and gray via React state. The chart includes axis labels and uses d3’s `axisLeft` and `axisBottom` for ticks, with a ResizeObserver for responsive sizing.

AI-generated description