> For the complete documentation index, see [llms.txt](https://vikram-bajaj.gitbook.io/cs-gy-6313-information-visualization/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vikram-bajaj.gitbook.io/cs-gy-6313-information-visualization/interaction-and-multiple-views/common-scenarios.md).

# Common Scenarios

## Cannot Fit All Information on a Single Screen

This is a common problem. One solution is to allow panning and scrolling.

The problem with this is that it is difficult to get an overview of the entire data, thereby the viewer may miss out on trends or patterns in the data. It also becomes difficult to make comparisons in the data.

The best solution is to use the **overview+detail** pattern.

![](https://612062878-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M5-0RG_uqhxyMNjpMUW%2F-M5-0SvQ45Rarxg8L2lA%2F-M5-0Ub8W2jlkJkZZMmM%2Foverview_detail.png?generation=1586990818288333\&alt=media)One view shows an overview, and hovering over it shows the details.

## Need to View Actual Values or Labels Contained in the Data

Adding labels in the visualization causes clutter.

One way to solve this issue is to use two separate views: one with the graphical representation and the other with a tabular representation (that contains the values/labels). This is the **visualization+list/table** pattern.

![](https://612062878-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M5-0RG_uqhxyMNjpMUW%2F-M5-0SvQ45Rarxg8L2lA%2F-M5-0UbAOQWauzm3IXvZ%2Fvis_table.png?generation=1586990818331932\&alt=media)

Another solution is to show values/labels upon hovering the data points.

## Need to Visualize Different Facets of the Data Simultaneously

This issue often arises when we need to visualize who, what, when or where something is.

The solution is to use multiple views with different facets (attributes), and link them together using interaction.

![](https://612062878-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M5-0RG_uqhxyMNjpMUW%2F-M5-0SvQ45Rarxg8L2lA%2F-M5-0UbCQhafwjVfItWF%2Fwww.png?generation=1586990818504236\&alt=media)

An example:

![](https://612062878-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M5-0RG_uqhxyMNjpMUW%2F-M5-0SvQ45Rarxg8L2lA%2F-M5-0UbEz33utvA_2CkW%2Fwww_example.png?generation=1586990818872468\&alt=media)