Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar hover

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed