Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

feat1_dropdown_dependent_barchart

Public visualization

feat1_dropdown_dependent_barchart

0 stars2🌍 Public
AAnimesh Nautiyal
Last edited Feb 7, 2020
Created on Feb 7, 2020

This interactive bar chart displays the percentage of height and weight for different blocks in the Palghar region, sourced from `data.csv`. Users switch between the two metrics via a dropdown menu, which triggers a smooth 1-second animation. Built with React and using D3.js, SVG rectangles and text labels are rendered and transitioned. The chart uses `d3.scaleLinear` for the y-axis, `d3.scaleBand` for the x-axis, and applies a sequential color scale (`d3.interpolateRdYlGn`) to encode values. A tooltip appears on hover, and the code uses `d3.csv` for data loading.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed