Top

Design Pattern Explorer

Browse design patterns with relevant examples.

See Patterns

<%mode_main.curr_pattern.Target%> <%mode_main.curr_pattern.Action%>

<%mode_main.curr_pattern.Name%>

<%mode_main.curr_pattern.Definition%>

<%article.Item%> [<%article.journal%>] <%article.Title%> Go to the Article

<%article.desc%>

Format

<%article.Format%> <%article.Format_2%>

Chart Size

<%article.Chart_Size%>

Chart Type

<%ctype%>

Encodings

<%etype%>

Data Type

<%dtype%>

Data Size

<%article.Data_Size%>

By Problem

Explore design strategies for your design problem for responsive visualization.
Constraints can be interpreted in two ways. (1) A constraint must be satisfied to apply the strategy. (2) A constraint describes when the strategy is preferred.
Loss means what can be lost (or changed) by applying a Strategy. It is effective for you to compare your purpose of visualization with Losses.
Compensations refers to methods that you may want to consider adding to the Strategy while addressing Loss.

1. Problems: <%mode_by_problem.curr_problem %>

See Problems

2. Strategy

See Strategies

3. Details

<%mode_by_problem.detail.Name%>

Description

<%mode_by_problem.detail.Desc%>

Loss

<%mode_sample_detail.item.Title%> ↗︎

Source: <%mode_sample_detail.item.journal%>

Format

<%mode_sample_detail.item.Format%> <%mode_sample_detail.item.Format_2%>

Chart Size

<%mode_sample_detail.item.Chart_Size%>

Chart Type

<%ctype%>

Encodings

<%etype%>

Data Type

<%dtype%>

Data Size

<%mode_sample_detail.item.Data_Size%>

Patterns

<%ptrn.name%> <% ptrn.desc %>

<%mode_pattern_detail.curr_pattern.Target%> <%mode_pattern_detail.curr_pattern.Action%>

<%mode_pattern_detail.curr_pattern.Name%>

<%mode_pattern_detail.curr_pattern.Definition%>