Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart With Dropdown

Public visualization

Bar Chart With Dropdown

0 stars0🌍 Public
Llimenzi
Last edited May 18, 2021
Created on May 18, 2021

A dropdown menu displays nutritional data for a selected cereal from a CSV file. The bar chart visualizes nine nutrition fields, such as calories, protein, and fat, for each cereal. Users choose a cereal from the dropdown, and the bars update with a smooth transition. The visualization uses D3 v3, with `d3.scale.ordinal` for the x-axis, `d3.scale.linear` for the y-axis, and SVG rectangles for the bars, which animate via `transition().duration(250)`.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed