Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

WIP Multidimensional Filtering in React

Public visualization

Viewing a saved revision (read-only)

6a5fed03fe5c4f6285092e2d1c9fdeff

WIP Multidimensional Filtering in React

0 stars0🌍 Public
CCurran Kelleher
Last edited Mar 13, 2026
Created on Mar 13, 2026

This example shows the Iris dataset rendered as four linked histograms, one for each numeric column. Brushing any histogram cross-filters the other charts, with highlighted bars showing data points that fall within all active brush selections. The visualization is built with React managing state and lifecycle via `useState` and `useEffect`, while D3 v7 handles SVG rendering, `brushX` interactions, and animated bar transitions. A `ResizeObserver` hook tracks container dimensions for responsive re-rendering.

AI-generated description