Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

EXPLORING BAR CHART

Public visualization

Viewing a saved revision (read-only)

7b6910f2c3334585854f987a64d4eefd

EXPLORING BAR CHART

0 stars4🌍 Public
GGuillamon
Last edited Mar 11, 2020
Created on Oct 28, 2019
Forked from Customizing Axes

This interactive bar chart visualizes population data for ten countries, displaying values horizontally with a logarithmic scale. The chart uses D3 v5 to render SVG graphics, with mouseover effects that display tooltips showing country names and population figures. Users can click bars to select them, changing their color from green to pink, while the entire visualization updates with smooth transitions. The code references D3's scaleLinear, scaleBand, and axis functions, along with custom mouse event handlers adapted from a Medium tutorial.

AI-generated description

Mouseover and mouseout behaviour code taken from this tutorial: https://medium.com/@kj_schmidt/show-data-on-mouse-over-with-d3-js-3bf598ff8fc2