Responsive Visualization Gallery
Design Patterns
Sample
By Problem
GitHub
Top
Design Pattern Explorer
Browse design patterns with relevant examples.
See Patterns
Design Patterns
Data-Record
Remove Records
Data-Field
Toggle Fields
Remove Fields
Change Measurements
Data-Level
Aggregate
Regroup Data
Increase Bin Size
Encoding-Channel
Remove Encoding
Add Encoding
Change Encoding
Transpose Axes
Interaction-Feature
Disable Hover Interactions
Disable X
Add GPS
Interaction-Trigger
Remove Trigger
Change Trigger
Interaction-Feedback
Remove Feedback
Fix Tooltip Position
Change Feedback
Narrative-Sequencing
Remove Panels/States
Split States into Panels
Remove Transition Animation
Narrative-Annotation/Emphases
Number Annotations
Toggle Annotations
Shorten Annotations
Remove Annotations
Remove Emphases
Add Callout Line
Externalize Annotations
Relocate Annotations
Change Annotations
Narrative-Text
Reduce Text
Remove Text
Add Text
Unhide Text
References/Layout-Labels
Toggle Labels
Simplify Labels
Adjust Tick Labels
Remove Labels
Add Labels
Elaborate Labels
Externalize Labels
Incorporate Labels
Move Labels
Dissociate Labels-Marks
References/Layout-References
Toggle Legends
Adjust Ticks
Simplify Legends
Remove Legends
Remove Axis
Remove Context
Add Legends
Add Context
Add Redundant References
Add Axis
References/Layout-Layout
Overlay Text
Sequentialize Visualization-Text
Toggle Interaction Widget
Release Interaction Widget
Externalize Legends
Freeze Interaction Widget
Fluid Layout
Fluid Small Multiples
Unfreeze Interaction Widget
Internalize Legends
Move Marks
Parallelize Labels
Parallelize Legends
Serialize Layout
Serialize Label-Marks
Serialize Marks
Transpose Interaction Widget
References/Layout-Size
Reduce Width
Reduce Explorable Area
Reduce Height
Expand Explorable Area