Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Bar Chart with Basic Hover

Public visualization

Bar Chart with Basic Hover

0 stars0๐ŸŒ Public
NNguyen Le Ngoc Tran
Last edited Nov 3, 2025
Created on Nov 3, 2025

This bar chart displays the top 10 countries by total population from the UN population estimates dataset. Hovering over a bar highlights it in black while dimming the others to gray, with the hovered datum tracked via React-style state updates. The chart uses d3.scaleBand and d3.scaleLinear for positioning, and the @curran/responsive-axes library for axis rendering. Bars are drawn as SVG rectangles, with mouseenter and mouseleave events triggering interactive state changes.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed