Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

BMW Simple Bar Chart

Public visualization

BMW Simple Bar Chart

0 stars0🌍 Public
BBismark Kofi Owusu Sarfo
Last edited Sep 30, 2025
Created on Sep 30, 2025

This example shows a bar chart of the top 10 countries by population, with clickable bars that highlight in orange when selected. The visualization loads data from a CSV of UN population estimates, filtering for country-level records and sorting by total population. Built with D3 v7 and d3-rosetta, it uses `scaleBand` and `scaleLinear` for positioning, `axisBottom` and `axisLeft` for axes, and a unidirectional data flow pattern managed by `createStateField`. Clicking a bar toggles its selection state, which re-renders the chart with the updated highlight.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed