D3-powered Parallel Sets visualizations for WordPress — explore categorical relationships via interactive, palette-aware Gutenberg blocks with dark-mode suppor
Cass Parallel Sets (cass-parsets) brings interactive, D3.js-powered Parallel Sets visualizations into WordPress. Built for data exploration, storytelling, and taxonomy analysis, it helps editors reveal patterns and relationships across categories using smooth SVG transitions, Tailwind-style color palettes, and an intuitive Gutenberg block interface.
- 📊 D3.js-powered Parallel Sets with smooth transitions and interactive category flows
- 🎨 Palette selector featuring Tailwind-compatible color themes
- 🌗 Dark-mode aware — adapts automatically when
<html class="dark">is active - 🧩 Gutenberg block with live preview and inspector controls
- 🪶 Lightweight ESNext build powered by
@wordpress/scripts - 🔄 Example datasets included for instant visualization
- 🧱 Designed to work seamlessly with other Cass D3 Visualisation blocks (Chord, Tree, Taxonomy Kanban, etc.)
What are Parallel Sets?
Parallel Sets is a visual analytics technique for exploring relationships within multidimensional categorical data. Unlike parallel coordinates, which focus on continuous variables, Parallel Sets uses width-proportional ribbons to show how categories intersect and flow between dimensions. This makes it ideal for uncovering patterns, distributions, and bottlenecks across taxonomies, survey responses, demographic data, segmentation models, or any dataset defined by discrete attributes. The result is a clear, interactive view of how categories combine—showing both structure and proportion in a single unified visualization.Developed as part of the broader Cass D3 Visualisations family, this plugin supports live preview inside the editor, dark-mode awareness, reusable data configuration, and flexible customization. It is ideal for visualising WordPress taxonomy data or any JSON-based categorical dataset.
- Reference:
Robert Kosara, Fabian Bendix, Helwig Hauser, Parallel Sets: Interactive Exploration and Visual Analysis of Categorical Data, Transactions on Visualization and Computer Graphics (TVCG), vol. 12, no. 4, pp. 558–568, 2006. DOI: 10.1109/TVCG.2006.76 - D3.js Parallel Sets example by Jason Davies: https://www.jasondavies.com/parallel-sets/