Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive pie and bar

Public visualization

Viewing a saved revision (read-only)

8e5854360f754fa1b6fa78533d3dd400

Interactive pie and bar

0 stars0🌍 Public
IIgnacio Esquivel
Last edited May 30, 2020
Created on May 30, 2020

This example shows an interactive dashboard linking a bar chart of export totals for 2019 with a pie chart of category breakdowns by state. Hovering over a bar filters the pie chart and legend to show the proportions of Agricola, Industrial, and Pecuario exports for that state, with mouseout resetting the display to the overall totals. Built with React and D3.js v3, it uses ordinal and linear scales, SVG rectangles and paths, and animated transitions to update the bar heights, text labels, and pie segments.

AI-generated description

A bare minimum HTML page.

See also React Starter.