Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tooltip And Events Trial

Public visualization

Tooltip And Events Trial

1 star0🌍 Public
KKeerthiKandadai
Last edited Mar 23, 2020
Created on Mar 23, 2020

This interactive visualization displays monthly revenue and profit data as animated bar charts, toggling between the two metrics every two seconds. Built with React and D3.js (v5), it uses SVG rendering with transitions to animate bar height changes and data updates. The chart includes a legend, axis labels, and an interactive tooltip powered by d3-tip that displays the current value on mouseover. The bars animate smooth transitions using d3-transition, with new elements growing from the baseline and removed elements shrinking away in blue.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed