Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of (HELP ME CURRAN 😭))Figuring out how to do Revenue Bar Chart w/ transition

Public visualization

Viewing a saved revision (read-only)

e8a68eba0d68404a8c28d9d44500e19d

Fork of (HELP ME CURRAN 😭))Figuring out how to do Revenue Bar Chart w/ transition

0 stars0🌍 Public
AAdan Rodriguez
Last edited Feb 5, 2023
Created on Feb 5, 2023

A dropdown menu with options for "revenue" and "profit" sits above a bar chart. Initially, the chart displays monthly revenue data from a CSV file. When a user selects an option from the dropdown, the chart is designed to transition its bars to show the corresponding data, either revenue or profit, using an animated transition. The visualization uses D3 version 7, rendering SVG bars, with axes and scales built via `scaleBand`, `scaleLinear`, `axisBottom`, and `axisLeft`. The transition logic is initiated with a `transition()` call, though the update routine is incomplete.

AI-generated description

A demonstration of how to start using D3 version 6.