-
Notifications
You must be signed in to change notification settings - Fork 1
Design Patterns
This site contains a list of comic design patterns. Each pattern is described by a name, a description and examples.
Show overview visualization, then explain details/patterns in this visualization
Finish off with large visualization, repeating previous messages.
Pose question, answer with visualization, eventual resolution
Build-up visualization piecewise by explaining the visual encoding
Explain the a visualization metaphor in abstract terms (time curves, confluent graphs)
show temporal change by changing the visualization over time (e.g. small multiples for temporal data.
highlights the transition between two states of a visualization---temporal, logical, data set, camera movement
Continuously zoom into our out of a visualization, disaggregating or aggregating data (e.g. large network)
describes a data-element (following changes over time, explaining different dimensions, relations, etc)
Provides several explanations on the same visualization (data in visualization is not changing, but visualization can change emphasis)
Compares two (or more) datasets/visualizations/data elements through (vertical?)splitpanels.
Explains visual encodings for reference. E.g. legend for color encoding,
lays out panels in an intentionally non-sequential way, implying that panels are supplementary to the story (similar to footnotes?)
Superimposes a narrative sequence through a visualization (e.g. insets?)
Starts with an illustrated/narrative story motivating story and data.
Provide alternatives for explanations or scenarios
Refers to a previous panel by repetition or a specific visual means (e.g. arrow)
Show the result or conclusion first, and the reveal the fact
Repetition of the same frame, or visual element. Helps creating a rythm and aviods flash-back
Single picture spanning entire page. [Groensteed]