Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 Updating Bar Chart With Dropdown

Public visualization

Viewing a saved revision (read-only)

7f19cde663294754a85907854ef05367

d3 Updating Bar Chart With Dropdown

0 stars1🌍 Public
Nnifemi-sys
Last edited May 20, 2020
Created on May 20, 2020

This interactive bar chart displays nutritional values for various cereals from a CSV dataset, with a dropdown menu to switch between cereals. The visualization uses d3.v3 to render SVG bars and axes, updating the y-axis scale and animating bar heights via `transition()` when the selection changes. Each cereal shows nine nutrition fields, with bar lengths reflecting the selected nutrient amounts.

AI-generated description