Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

feat1_dropdown_dependent_barchart

Public visualization

feat1_dropdown_dependent_barchart

0 stars3🌍 Public
AAnimesh Nautiyal
Last edited Feb 26, 2020
Created on Feb 2, 2020

This example presents a dropdown-driven bar chart comparing height and weight percentages across geographic blocks. Users select a metric from the dropdown, triggering a smooth 1-second transition that updates bar heights, fill colors, and the y-axis scale. The visualization uses D3 v5 with d3.scaleBand and d3.scaleLinear for positioning, a sequential color scale for encoding values, and transition methods for animated updates. Data comes from a local CSV file, rendered as SVG rectangles with tooltips that display block names and values on hover.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed