Venn Diagram Design System for Adobe Analytics
5-month | Multi-functional team of 5 | UX design & research
Desperately need a trip planner to make a park visit plan right away!
“I really wish to have a trip planning feature on the National Park Service app, so I can get a trip itinerary with one click! 🙏”
Data visualization is no longer just about functionality. They’re experiences that support discovery, communication, and decision-making for a wide range of people. And yet, implementing effective, inclusive, and delightful visualizations in web products is far from trivial, especially when accessibility, customization, and real-world use are at stake.
The new era of data visualizations and its design system
A critical gap in React Spectrum Charts:
React Spectrum Charts lacked native support for Venn diagrams.
Venn diagrams are especially valuable since they make overlaps, distinctions, and relationships between datasets immediately visible. Without this functionality, teams were forced to rely on third-party tools or static visuals, limiting both accessibility and storytelling potential. This gap reduced the effectiveness of React Spectrum Charts as a comprehensive toolkit for data-driven decision-making.
The goal is to design a Venn Diagram component & design system that
Helps users clearly understand overlaps, differences, and unique data points
Supports interactive data exploration
Fits seamlessly into React Spectrum’s existing design system