# Visualizations

YouDesign Models offers dynamic **visualizations** that transform your boards into interactive dashboards, providing real-time insights and an enhanced user experience.

## Available Visualization Types

You can add the following types of visualizations to your board:

![Visualization types](/files/UryGgl3589McOGSHfQpW)

| Visualization Type                                                                  | Description                                                                                                                  |
| ----------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------- |
| [**Context Map**](/models/work-in-the-app/editor/visualizations/context-map.md)     | Offers a visual representation of the context and connections between various elements within your board.                    |
| [**Hierarchy Map**](/models/work-in-the-app/editor/visualizations/hierarchy-map.md) | Displays hierarchical relationships between items, ideal for visualizing parent-child structures within a system.            |
| [**Kanban Board**](/models/work-in-the-app/editor/visualizations/kanban-board.md)   | Organizes tasks or items into columns for workflow visualization, enabling you to manage project statuses easily.            |
| [**List View**](/models/work-in-the-app/editor/visualizations/list-view.md)         | Embeds a live, auto-refreshing ServiceNow data table into the board, perfect for showing record details alongside a diagram. |

## Adding Visualizations

You can add visualizations to your board in the same way you add shapes:

### Click & Click Method

1. Select the desired visualization from the **Shapes library** in the Diagramming panel.
2. Single-click on the visualization.
3. Move your mouse over the canvas and click to place the visualization at the desired location.

### Drag & Drop Method

1. Select the desired visualization from the **Shapes library**.
2. Click and hold the visualization, then drag it to the desired location on the canvas.
3. Release the mouse button to drop the visualization.

## Enhancing Visualizations with the Data Hub

After adding visualizations, you can populate them using the **Data Hub**:

* **Current State Items**: Use the Data Hub to add real-time items and reflect the current state of your data.
* **Future State Items**: Add shapes or other elements to visualize future states and planning within your board.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.ins-pi.com/models/work-in-the-app/editor/visualizations.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.