Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart with Basic Hover

Public visualization

Viewing a saved revision (read-only)

43eb75e2808b4c1fb06c2f8bbad381b8

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