diff --git a/.devcontainer/devcontainer.json.tpl b/.devcontainer/devcontainer.json.tpl index f4297af9..d2cc819d 100644 --- a/.devcontainer/devcontainer.json.tpl +++ b/.devcontainer/devcontainer.json.tpl @@ -8,10 +8,11 @@ // Use ubuntu-22.04 or ubuntu-18.04 on local arm64/Apple Silicon. "args": { "VARIANT": "ubuntu-22.04" } }, + "mounts": [ "source=/Users/prabhatsharma/.aws,target=/home/vscode/.aws,type=bind,consistency=cached" ], - + // Set *default* container specific settings.json values on container create. "settings": {}, diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index 151d92a9..44e81e76 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -27,4 +27,5 @@ html { font-size: 125%; -} \ No newline at end of file +} + diff --git a/docs/user-guide/dashboards/Building Dashboards.md b/docs/user-guide/dashboards/Building Dashboards.md new file mode 100644 index 00000000..26f02cc3 --- /dev/null +++ b/docs/user-guide/dashboards/Building Dashboards.md @@ -0,0 +1,151 @@ +# Building Dashboards + +To start building a custom dashboard from scratch in OpenObserve, follow these steps: + +## Before You Begin +Confirm that the data streams you want to visualize in your dashboard are already set up in OpenObserve. Refer to the [Ingestion User](https://openobserve.ai/docs/user-guide/ingestion/) Guide if you need help ingesting a new data stream. + +## 1: Creating a New Dashboard +- Click on the "Dashboards" section in the left-side menu of OpenObserve. +- Select "New Dashboard" to create a new dashboard. + +- ![New Dashboard](images/New-dashboard.png) + +- Provide a name and description, and choose the desired folder. Click “Save” to create an empty dashboard. + +- ![Folder](images/new-dashboard-2.png) + +- You can either use the Default folder or create new folders to categorize your dashboards by project or team. + +## 2: Creating a Folder +- Click on the "New Folder" button. + +- ![New Folder](images/folder.png) + +- Enter the desired name for the folder. + +- ![Folder Name](images/folder-2.png) + +- Optionally, you can edit the folder name or delete the folder from the folder list. +- Provide the **Name of your panel** in the panel header. +- Click **Save** to finalize. + +## 3: Adding and Configuring Panels +- On the empty dashboard, click "Add Panel" to start adding panels. +- Select **Stream**: In the panel configuration window, choose the desired data stream and its type from which you want to visualize metrics or logs. + +![Add Manage](images/add-manage1.png) + +- After selecting the stream, you will see all available fields for that log/metric stream. +- Assign fields to axes: Start by adding one or more fields to the X-axis (rows) and Y-axis (columns) that you wish to visualize. +- Select a suitable visualization **Chart Type**, such as bar chart, line chart, or pie chart. + +![Chart Type](images/charttype-1.png) + +- Click **Apply** to preview and apply changes. + +## 4: Saving and Managing Dashboards + +### Adding More Panels +- Click the **+ icon** in the dashboard header. +![Add Panel](images/image018.gif) + +- Repeat the panel configuration steps as needed. + +### Exporting a Dashboard +To share a dashboard, simply: +- Click the **Export** button. +- Save the dashboard as a JSON file. +![Export Dashboard](images/image019.png) + +### Importing a Dashboard +There are three ways to import a dashboard: + +1. Import Dashboard from exported JSON file. +2. Import Dashboard from URL. +3. Import Dashboard from JSON. +![Import](images/image021.png) + +### Move Dashboard to Another Folder +You can easily move a dashboard to another folder: + +- Select the dashboard you want to move. +- ![Move](images/image023.png) + +- Choose the destination folder. +- ![Move to](images/image025.png) + +### Duplicate Dashboard +Create a copy of an existing dashboard for minor modifications. + +- ![Duplicate](images/image027.png) + +### Delete Dashboard +- To remove a dashboard, select the dashboard and delete it. + +- ![Delete](images/image029.png) + +### Tabs +- Tabs are used to group related panels together, enhancing navigation. +- ![Tabs](images/image032.gif) + +### Managing Tabs: +- Edit tab names, delete tabs, or change the sequence from settings. +![Tabs Management](images/image033.png) + +### Date-Time +Choose between relative or absolute time and select the desired time zone. +- ![Date-Time](images/image035.png) + +### Refresh +You can manually or automatically refresh all your dashboard panels as per your use case. +- ![Refresh](images/image037.png) + +### Sharing Dashboards +To share a dashboard link: +- Click the **Share** button. +- Copy and share the link with colleagues. +![Share Dashboard](images/image039.png) + +> **Note**: The shared link includes both absolute and relative time, ensuring seamless collaboration. + +### Dashboard Settings + +#### General Settings: +- Edit dashboard name and description. +- Toggle dynamic filters on/off. +![Dashboard Settings](images/image041.png) + +#### Variables: +- Add variables to enhance dashboard functionality. +![Variables](images/image043.png) + +#### Tabs: +- Add, edit, or delete tabs to organize your dashboard. +![Tabs Settings](images/image045.png) + +### Print Dashboard +To print dashboard panels: +- Access the print settings via the URL. +- Customize print options as needed. +![Print Dashboard](images/image047.png) + +### Full-Screen Mode +To view all dashboard panels in full-screen mode: +- Click the **Full Screen** button. +- Explore your dashboard without distractions. +![Full Screen](images/image049.png) + +## 5. Dashboard Optimization: Caching Mechanism and Enhancements + +### Caching Mechanism for Dashboard +A caching mechanism stores dashboard data while navigating between different views. This reduces unwanted API calls and improves loading times when users return to the dashboard. + +![Caching Mechanism](images/image051.png) + +> **Note**: When cached data is used on the dashboard, a warning is displayed if the cached data's time range differs from the currently selected time range. This ensures users are aware when they are viewing potentially outdated data and can refresh as needed. + +### Last Refreshed Time +Each panel displays the last refreshed time, ensuring you know how recent the data is and whether a refresh is needed. + +![Last Refreshed Time](images/image053.png) diff --git a/docs/user-guide/dashboards/Managing Panels.md b/docs/user-guide/dashboards/Managing Panels.md new file mode 100644 index 00000000..c41ee71a --- /dev/null +++ b/docs/user-guide/dashboards/Managing Panels.md @@ -0,0 +1,208 @@ +# Managing Panels + +This section covers all essential features related to managing panels, from basic editing to advanced querying. + +## Edit Panel +![Edit Panel](images/image055.png) + +### Steps to Edit a Panel: +- Select the panel you want to edit. +- Click the **Edit** icon (pencil) in the top-right corner of the panel. +- Modify the query, choose different chart types, and adjust the panel's appearance using options like legends, axis settings, and drill-down features. +- Once the changes are made, click **Apply** to save them. + +## Config Panel + +The **Config Panel** allows you to fine-tune the display of your data and adjust various panel options, including legends, units, and axis properties. + +### Description + +This section allows users to customize panel-based descriptions. + +![Config Panel Description](images/image057.png) + +### Show Legend +- Toggle to display or hide the legend. +- Default is **True**. + +![Show Legend](images/image059.png) + +#### Legend Position: +Choose between three positions: +- **Auto**: Placed at the bottom by default. +- **Right**: Positioned on the right of the chart. +- **Bottom**: Positioned below the chart. + +![Legend Position](images/image061.png) + +#### Legend Width: +Specify the legend's width or leave it blank for automatic adjustment. + +![Legend Width](images/image065.gif) + +#### Legend Width Unit: +Define the unit for legend width (e.g., %, px). + +#### Units: +Select default units for chart values (e.g., Bytes, Seconds, Percent). + +![Units](images/image066.png) + +#### Decimals: +Set the number of decimal places for data values. Defaults to 2 decimal places if not specified. + +![Decimals](images/image068.png) + +### BaseMap Type (for geomaps): +Choose a base map layer for geographic visualizations. Currently, one base map type is available. + +![BaseMap Type](images/image071.gif) + +### Initial View +Specific to geomap chart type, displaying the current longitude and latitude of the map center along with the zoom level. + +![Initial View](images/image072.png) + +### Symbol Size +Set the symbol size based on value or choose a fixed size. + +![Symbol Size](images/image074.png) + +#### By Value: +- Set minimum and maximum symbol size. + +![Symbol Size By Value](images/image076.png) + +#### Fixed: +- All data points have the same symbol size. + +![Fixed Symbol Size](images/image078.png) + +### Layer Type +Geomaps support showing multiple layers. Each layer determines how you visualize geospatial data on top of the base map. + +![Layer Type](images/image080.png) + +> **Note**: There are two map layer types to choose from in a geomap. By default, **Scatter** type will be selected. +- **Scatter**: Renders a marker at each data point. +- **Heatmap**: Visualizes a heatmap of the data. + +### Weight +Set the weight field or configure it from the config panel for geomap rendering. Defaults to 1 if not selected. + +![Weight](images/image082.png) + +## Query + +Configure multi-query options for geo maps and PromQL. + +### Query Limit +Define the limit for query results. + +![Query Limit](images/image084.png) + +### PromQL Legend +Specify the legend name for PromQL queries. + +![PromQL Legend](images/image086.png) + +### Gauge Min/Max Value +Set minimum and maximum values for gauge chart display. + +![Gauge Min/Max](images/image088.png) + +### Axis Width +Set a fixed width of the axis. By default, it dynamically calculates the width of an axis. + +![Axis Width](images/image090.png) + +> **Note**: By setting the width of the axis, data with different axis types can share the same display proportions. This setting makes it easier to compare multiple graphs, as the axes will not shift or stretch in proximity to each other. + +### Show Axis Border +Set the axis border line visibility. By default, it will be off. + +![Show Axis Border](images/image092.png) + +- **On**: Always show border lines. +- **Off**: Never show border lines. + +## Drill Down + +The **Drill Down** feature allows users to navigate from a generalized view to a more specific one, enabling deeper exploration of data. This feature is particularly useful when diving into specific data points or dashboard details. + +![Drill Down](images/image094.png) + +### Use Cases: +- Transition to another dashboard or provided link. +- Moving from a generalized panel to a more specific one. + +#### Example: +Suppose there's a panel displaying CPU utilization across various nodes. If users wish to examine the CPU utilization of a single node and its associated pods, they can utilize the drill-down feature. + +### How to Use It? +![How to Use Drill Down](images/image096.png) + +1. **Edit Panel**: Access the panel where you want to incorporate drill-down functionality. +2. **Add Drill Down**: Navigate to the config panel and click on "Add Drill Down." + +We have two options: +- **Go to Another Dashboard** +- **Go to Specified URL** + +#### Go to Another Dashboard: +- Select the target dashboard, folder, and tab. +- Utilize variables such as current series name, value, and dashboard variables in the URL using `${series.__name}`. +- Pass variables as query parameters to the target dashboard. +- Option to pass all current variables to the target dashboard. + +![Go to Another Dashboard](images/image098.png) + +> **Note**: Users can refer to the user guide for a comprehensive list of available variables. The drill-down feature enhances dashboard interactivity, allowing seamless navigation between different levels of data granularity. + +#### Go to Specified URL: +- Insert the URL to which users will be directed. +- Similar to the dashboard option, users can utilize current state variables in the URL. + +![Go to Specified URL](images/image100.png) + +### MarkLines + +The **MarkLines** feature enables users to display threshold lines on charts, enhancing data visualization. This feature requires the following three fields: + +![MarkLines](images/Marklines.png) + +#### Fields + +1. **Type**: Specifies the attribute of the threshold line. +2. **Label**: Provides a descriptive label for the threshold line. +3. **Value**: Represents the numerical value at which the threshold line should be positioned, based on the selected Type. + +### Connect Null Values +Toggle option to connect null values in the data on the chart. + +![Connect Null Values](images/image102.png) + +## Chart Types + +OpenObserve supports a variety of chart types to visualize your data. Each chart type is suited for different use cases: + +| Chart Type | Description | Plot Data Combinations | Configuration Options | +|-------------------------|--------------------------------------------------------------------------------------------------------------------------|-----------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------| +| **Area Chart** | Trend visualization. Displays data as continuous lines with filled-in areas below. Ideal for illustrating trends. | x-1, y-1, x-2, y-1 | Description, Show Legend, Legend Positions, Unit, Decimals, Query Limit, Connect null values, Axis Width, Show Axis Border, Drill Down | +| **Area Stacked Chart** | Stack multiple area series to illustrate cumulative contributions. | x-2, y-1 | Description, Show Legend, Legend Positions, Unit, Decimals, Query Limit, Connect null values, Axis Width, Show Axis Border, Drill Down | +| **Bar Chart** | Represents data using rectangular bars for comparing categories. | x-1, y-1, x-2, y-1 | Description, Show Legend, Legend Positions, Unit, Decimals, Query Limit, Axis Width, Show Axis Border, Drill Down | +| **Horizontal Bar Chart** | Displays horizontal bars, especially useful for long category names. | x-1, y-1, x-2, y-1 | Description, Show Legend, Legend Positions, Unit, Decimals, Query Limit, Axis Width, Show Axis Border, Drill Down | +| **Line Chart** | Plots data as points connected by straight lines. Ideal for illustrating trends. | x-1, y-1, x-2, y-1 | Description, Show Legend, Legend Positions, Unit, Decimals, Query Limit, Connect null values, Axis Width, Show Axis Border, Drill Down | +| **Scatter Chart** | Shows individual data points as markers, perfect for visualizing correlations or clusters. | x-1, y-1, x-2, y-1 | Description, Show Legend, Legend Positions, Unit, Decimals, Query Limit, Axis Width, Show Axis Border, Drill Down | +| **Stacked Chart** | Groups data into categories and stacks values to show cumulative contributions. | x-2, y-1 | Description, Show Legend, Legend Positions, Unit, Decimals, Query Limit, Axis Width, Show Axis Border, Drill Down | +| **H-Stacked Chart** | Displays cumulative values with horizontal bars for more clarity with long category names. | x-1, y-2 | Description, Show Legend, Legend Positions, Unit, Decimals, Query Limit, Axis Width, Show Axis Border, Drill Down | +| **HeatMap** | Represents data values as colors within a grid. Useful for identifying patterns and concentrations of values. | x-1, y-1, z-1 | Description, Unit, Decimals, Query Limit, Axis Width, Show Axis Border, Drill Down | +| **GeoMap** | Displays data spatially on a geographic map, visualizing patterns distributed across geographic locations. | lat-1, lon-1, w-o or lat-1, lon-1 | Description, Unit, Decimals, Base Map, Initial View, Symbol Size, Query Limit, Layer Type, Weight | +| **Pie Chart** | Divides a circle into slices to represent data proportions. | x-1, y-1 | Description, Show Legend, Legend Positions, Unit, Decimals, Query Limit, Drill Down | +| **Donut Chart** | Similar to pie charts but with a hole in the center for added emphasis. | x-1, y-1 | Description, Show Legend, Legend Positions, Unit, Decimals, Query Limit, Drill Down | +| **Table** | Presents data in a tabular format for detailed examination of multiple data points. | x-1 or more, y-1 or more | Description, Unit, Decimals, Query Limit, Drill Down | +| **MetricText** | Displays a single numeric value or metric, ideal for representing key performance indicators (KPIs). | x-0, y-1 | Description, Unit, Decimals, Query Limit | +| **Gauge** | Visualizes a single value within a range, often used to represent progress toward a goal. | x-0, y-1 | Description, Unit, Decimals, Query Limit | +| **Markdown** | Allows for the display of formatted text using markdown syntax. | N/A | Description, Query Limit | +| **HTML** | Renders custom HTML content for advanced visualizations or integrations. | N/A | Description, Query Limit | +| **Sankey** | Visualizes flows between different entities, showing how quantities move from one to another. | x-1, y-1 | Description, Show Legend, Unit, Query Limit | \ No newline at end of file diff --git a/docs/user-guide/dashboards/images/Marklines.png b/docs/user-guide/dashboards/images/Marklines.png new file mode 100644 index 00000000..8cbe0321 Binary files /dev/null and b/docs/user-guide/dashboards/images/Marklines.png differ diff --git a/docs/user-guide/dashboards/images/New-dashboard.png b/docs/user-guide/dashboards/images/New-dashboard.png new file mode 100644 index 00000000..05fe11e4 Binary files /dev/null and b/docs/user-guide/dashboards/images/New-dashboard.png differ diff --git a/docs/user-guide/dashboards/images/add-manage1.png b/docs/user-guide/dashboards/images/add-manage1.png new file mode 100644 index 00000000..0ed0a141 Binary files /dev/null and b/docs/user-guide/dashboards/images/add-manage1.png differ diff --git a/docs/user-guide/dashboards/images/charttype-1.png b/docs/user-guide/dashboards/images/charttype-1.png new file mode 100644 index 00000000..27e62ea9 Binary files /dev/null and b/docs/user-guide/dashboards/images/charttype-1.png differ diff --git a/docs/user-guide/dashboards/images/folder-2.png b/docs/user-guide/dashboards/images/folder-2.png new file mode 100644 index 00000000..f6283d61 Binary files /dev/null and b/docs/user-guide/dashboards/images/folder-2.png differ diff --git a/docs/user-guide/dashboards/images/folder.png b/docs/user-guide/dashboards/images/folder.png new file mode 100644 index 00000000..bb7d71f4 Binary files /dev/null and b/docs/user-guide/dashboards/images/folder.png differ diff --git a/docs/user-guide/dashboards/images/image001.png b/docs/user-guide/dashboards/images/image001.png new file mode 100644 index 00000000..faa9ceda Binary files /dev/null and b/docs/user-guide/dashboards/images/image001.png differ diff --git a/docs/user-guide/dashboards/images/image002.gif b/docs/user-guide/dashboards/images/image002.gif new file mode 100644 index 00000000..045cdd05 Binary files /dev/null and b/docs/user-guide/dashboards/images/image002.gif differ diff --git a/docs/user-guide/dashboards/images/image003.png b/docs/user-guide/dashboards/images/image003.png new file mode 100644 index 00000000..b22fd809 Binary files /dev/null and b/docs/user-guide/dashboards/images/image003.png differ diff --git a/docs/user-guide/dashboards/images/image004.gif b/docs/user-guide/dashboards/images/image004.gif new file mode 100644 index 00000000..c83ca47c Binary files /dev/null and b/docs/user-guide/dashboards/images/image004.gif differ diff --git a/docs/user-guide/dashboards/images/image005.png b/docs/user-guide/dashboards/images/image005.png new file mode 100644 index 00000000..547e2102 Binary files /dev/null and b/docs/user-guide/dashboards/images/image005.png differ diff --git a/docs/user-guide/dashboards/images/image006.gif b/docs/user-guide/dashboards/images/image006.gif new file mode 100644 index 00000000..ec29b32d Binary files /dev/null and b/docs/user-guide/dashboards/images/image006.gif differ diff --git a/docs/user-guide/dashboards/images/image007.png b/docs/user-guide/dashboards/images/image007.png new file mode 100644 index 00000000..acbb1311 Binary files /dev/null and b/docs/user-guide/dashboards/images/image007.png differ diff --git a/docs/user-guide/dashboards/images/image008.gif b/docs/user-guide/dashboards/images/image008.gif new file mode 100644 index 00000000..c2d9d484 Binary files /dev/null and b/docs/user-guide/dashboards/images/image008.gif differ diff --git a/docs/user-guide/dashboards/images/image009.png b/docs/user-guide/dashboards/images/image009.png new file mode 100644 index 00000000..c7e6dbd1 Binary files /dev/null and b/docs/user-guide/dashboards/images/image009.png differ diff --git a/docs/user-guide/dashboards/images/image010.gif b/docs/user-guide/dashboards/images/image010.gif new file mode 100644 index 00000000..336fc04e Binary files /dev/null and b/docs/user-guide/dashboards/images/image010.gif differ diff --git a/docs/user-guide/dashboards/images/image011.png b/docs/user-guide/dashboards/images/image011.png new file mode 100644 index 00000000..4aa24457 Binary files /dev/null and b/docs/user-guide/dashboards/images/image011.png differ diff --git a/docs/user-guide/dashboards/images/image012.gif b/docs/user-guide/dashboards/images/image012.gif new file mode 100644 index 00000000..6cb2c92c Binary files /dev/null and b/docs/user-guide/dashboards/images/image012.gif differ diff --git a/docs/user-guide/dashboards/images/image013.png b/docs/user-guide/dashboards/images/image013.png new file mode 100644 index 00000000..4bd94c0e Binary files /dev/null and b/docs/user-guide/dashboards/images/image013.png differ diff --git a/docs/user-guide/dashboards/images/image014.gif b/docs/user-guide/dashboards/images/image014.gif new file mode 100644 index 00000000..b9222d4d Binary files /dev/null and b/docs/user-guide/dashboards/images/image014.gif differ diff --git a/docs/user-guide/dashboards/images/image015.png b/docs/user-guide/dashboards/images/image015.png new file mode 100644 index 00000000..339b47a7 Binary files /dev/null and b/docs/user-guide/dashboards/images/image015.png differ diff --git a/docs/user-guide/dashboards/images/image016.gif b/docs/user-guide/dashboards/images/image016.gif new file mode 100644 index 00000000..dee0bbc5 Binary files /dev/null and b/docs/user-guide/dashboards/images/image016.gif differ diff --git a/docs/user-guide/dashboards/images/image017.png b/docs/user-guide/dashboards/images/image017.png new file mode 100644 index 00000000..f51fa1f2 Binary files /dev/null and b/docs/user-guide/dashboards/images/image017.png differ diff --git a/docs/user-guide/dashboards/images/image018.gif b/docs/user-guide/dashboards/images/image018.gif new file mode 100644 index 00000000..31e26453 Binary files /dev/null and b/docs/user-guide/dashboards/images/image018.gif differ diff --git a/docs/user-guide/dashboards/images/image019.png b/docs/user-guide/dashboards/images/image019.png new file mode 100644 index 00000000..7b722af3 Binary files /dev/null and b/docs/user-guide/dashboards/images/image019.png differ diff --git a/docs/user-guide/dashboards/images/image020.gif b/docs/user-guide/dashboards/images/image020.gif new file mode 100644 index 00000000..2589cc09 Binary files /dev/null and b/docs/user-guide/dashboards/images/image020.gif differ diff --git a/docs/user-guide/dashboards/images/image021.png b/docs/user-guide/dashboards/images/image021.png new file mode 100644 index 00000000..ed69c8ce Binary files /dev/null and b/docs/user-guide/dashboards/images/image021.png differ diff --git a/docs/user-guide/dashboards/images/image022.gif b/docs/user-guide/dashboards/images/image022.gif new file mode 100644 index 00000000..aaf768ce Binary files /dev/null and b/docs/user-guide/dashboards/images/image022.gif differ diff --git a/docs/user-guide/dashboards/images/image023.png b/docs/user-guide/dashboards/images/image023.png new file mode 100644 index 00000000..e3666e7b Binary files /dev/null and b/docs/user-guide/dashboards/images/image023.png differ diff --git a/docs/user-guide/dashboards/images/image024.gif b/docs/user-guide/dashboards/images/image024.gif new file mode 100644 index 00000000..98aed2fe Binary files /dev/null and b/docs/user-guide/dashboards/images/image024.gif differ diff --git a/docs/user-guide/dashboards/images/image025.png b/docs/user-guide/dashboards/images/image025.png new file mode 100644 index 00000000..f4e2906e Binary files /dev/null and b/docs/user-guide/dashboards/images/image025.png differ diff --git a/docs/user-guide/dashboards/images/image026.gif b/docs/user-guide/dashboards/images/image026.gif new file mode 100644 index 00000000..1c4ab331 Binary files /dev/null and b/docs/user-guide/dashboards/images/image026.gif differ diff --git a/docs/user-guide/dashboards/images/image027.png b/docs/user-guide/dashboards/images/image027.png new file mode 100644 index 00000000..61687e57 Binary files /dev/null and b/docs/user-guide/dashboards/images/image027.png differ diff --git a/docs/user-guide/dashboards/images/image028.gif b/docs/user-guide/dashboards/images/image028.gif new file mode 100644 index 00000000..d29fac88 Binary files /dev/null and b/docs/user-guide/dashboards/images/image028.gif differ diff --git a/docs/user-guide/dashboards/images/image029.png b/docs/user-guide/dashboards/images/image029.png new file mode 100644 index 00000000..53be0a97 Binary files /dev/null and b/docs/user-guide/dashboards/images/image029.png differ diff --git a/docs/user-guide/dashboards/images/image030.gif b/docs/user-guide/dashboards/images/image030.gif new file mode 100644 index 00000000..29d98551 Binary files /dev/null and b/docs/user-guide/dashboards/images/image030.gif differ diff --git a/docs/user-guide/dashboards/images/image031.png b/docs/user-guide/dashboards/images/image031.png new file mode 100644 index 00000000..87aa99c4 Binary files /dev/null and b/docs/user-guide/dashboards/images/image031.png differ diff --git a/docs/user-guide/dashboards/images/image032.gif b/docs/user-guide/dashboards/images/image032.gif new file mode 100644 index 00000000..175d85b5 Binary files /dev/null and b/docs/user-guide/dashboards/images/image032.gif differ diff --git a/docs/user-guide/dashboards/images/image033.png b/docs/user-guide/dashboards/images/image033.png new file mode 100644 index 00000000..eee86ca7 Binary files /dev/null and b/docs/user-guide/dashboards/images/image033.png differ diff --git a/docs/user-guide/dashboards/images/image034.gif b/docs/user-guide/dashboards/images/image034.gif new file mode 100644 index 00000000..f09ae87a Binary files /dev/null and b/docs/user-guide/dashboards/images/image034.gif differ diff --git a/docs/user-guide/dashboards/images/image035.png b/docs/user-guide/dashboards/images/image035.png new file mode 100644 index 00000000..f2240312 Binary files /dev/null and b/docs/user-guide/dashboards/images/image035.png differ diff --git a/docs/user-guide/dashboards/images/image036.gif b/docs/user-guide/dashboards/images/image036.gif new file mode 100644 index 00000000..d5de6a04 Binary files /dev/null and b/docs/user-guide/dashboards/images/image036.gif differ diff --git a/docs/user-guide/dashboards/images/image037.png b/docs/user-guide/dashboards/images/image037.png new file mode 100644 index 00000000..d0eb10d1 Binary files /dev/null and b/docs/user-guide/dashboards/images/image037.png differ diff --git a/docs/user-guide/dashboards/images/image038.gif b/docs/user-guide/dashboards/images/image038.gif new file mode 100644 index 00000000..3581a9f7 Binary files /dev/null and b/docs/user-guide/dashboards/images/image038.gif differ diff --git a/docs/user-guide/dashboards/images/image039.png b/docs/user-guide/dashboards/images/image039.png new file mode 100644 index 00000000..f6d6c6cf Binary files /dev/null and b/docs/user-guide/dashboards/images/image039.png differ diff --git a/docs/user-guide/dashboards/images/image040.gif b/docs/user-guide/dashboards/images/image040.gif new file mode 100644 index 00000000..30895d89 Binary files /dev/null and b/docs/user-guide/dashboards/images/image040.gif differ diff --git a/docs/user-guide/dashboards/images/image041.png b/docs/user-guide/dashboards/images/image041.png new file mode 100644 index 00000000..20cb62f8 Binary files /dev/null and b/docs/user-guide/dashboards/images/image041.png differ diff --git a/docs/user-guide/dashboards/images/image042.gif b/docs/user-guide/dashboards/images/image042.gif new file mode 100644 index 00000000..60d4aa69 Binary files /dev/null and b/docs/user-guide/dashboards/images/image042.gif differ diff --git a/docs/user-guide/dashboards/images/image043.png b/docs/user-guide/dashboards/images/image043.png new file mode 100644 index 00000000..bfaac6e0 Binary files /dev/null and b/docs/user-guide/dashboards/images/image043.png differ diff --git a/docs/user-guide/dashboards/images/image044.gif b/docs/user-guide/dashboards/images/image044.gif new file mode 100644 index 00000000..1e4efc47 Binary files /dev/null and b/docs/user-guide/dashboards/images/image044.gif differ diff --git a/docs/user-guide/dashboards/images/image045.png b/docs/user-guide/dashboards/images/image045.png new file mode 100644 index 00000000..72d05bb9 Binary files /dev/null and b/docs/user-guide/dashboards/images/image045.png differ diff --git a/docs/user-guide/dashboards/images/image046.gif b/docs/user-guide/dashboards/images/image046.gif new file mode 100644 index 00000000..304f14c1 Binary files /dev/null and b/docs/user-guide/dashboards/images/image046.gif differ diff --git a/docs/user-guide/dashboards/images/image047.png b/docs/user-guide/dashboards/images/image047.png new file mode 100644 index 00000000..cae0da52 Binary files /dev/null and b/docs/user-guide/dashboards/images/image047.png differ diff --git a/docs/user-guide/dashboards/images/image048.gif b/docs/user-guide/dashboards/images/image048.gif new file mode 100644 index 00000000..dee28616 Binary files /dev/null and b/docs/user-guide/dashboards/images/image048.gif differ diff --git a/docs/user-guide/dashboards/images/image049.png b/docs/user-guide/dashboards/images/image049.png new file mode 100644 index 00000000..c7adb864 Binary files /dev/null and b/docs/user-guide/dashboards/images/image049.png differ diff --git a/docs/user-guide/dashboards/images/image050.gif b/docs/user-guide/dashboards/images/image050.gif new file mode 100644 index 00000000..808486a9 Binary files /dev/null and b/docs/user-guide/dashboards/images/image050.gif differ diff --git a/docs/user-guide/dashboards/images/image051.png b/docs/user-guide/dashboards/images/image051.png new file mode 100644 index 00000000..cfdadf4e Binary files /dev/null and b/docs/user-guide/dashboards/images/image051.png differ diff --git a/docs/user-guide/dashboards/images/image052.gif b/docs/user-guide/dashboards/images/image052.gif new file mode 100644 index 00000000..7a22adc3 Binary files /dev/null and b/docs/user-guide/dashboards/images/image052.gif differ diff --git a/docs/user-guide/dashboards/images/image053.png b/docs/user-guide/dashboards/images/image053.png new file mode 100644 index 00000000..1e87d363 Binary files /dev/null and b/docs/user-guide/dashboards/images/image053.png differ diff --git a/docs/user-guide/dashboards/images/image054.gif b/docs/user-guide/dashboards/images/image054.gif new file mode 100644 index 00000000..9e24a2fd Binary files /dev/null and b/docs/user-guide/dashboards/images/image054.gif differ diff --git a/docs/user-guide/dashboards/images/image055.png b/docs/user-guide/dashboards/images/image055.png new file mode 100644 index 00000000..e8c22138 Binary files /dev/null and b/docs/user-guide/dashboards/images/image055.png differ diff --git a/docs/user-guide/dashboards/images/image056.gif b/docs/user-guide/dashboards/images/image056.gif new file mode 100644 index 00000000..16537a51 Binary files /dev/null and b/docs/user-guide/dashboards/images/image056.gif differ diff --git a/docs/user-guide/dashboards/images/image057.png b/docs/user-guide/dashboards/images/image057.png new file mode 100644 index 00000000..6e021d86 Binary files /dev/null and b/docs/user-guide/dashboards/images/image057.png differ diff --git a/docs/user-guide/dashboards/images/image058.gif b/docs/user-guide/dashboards/images/image058.gif new file mode 100644 index 00000000..3828498d Binary files /dev/null and b/docs/user-guide/dashboards/images/image058.gif differ diff --git a/docs/user-guide/dashboards/images/image059.png b/docs/user-guide/dashboards/images/image059.png new file mode 100644 index 00000000..6a4fe89e Binary files /dev/null and b/docs/user-guide/dashboards/images/image059.png differ diff --git a/docs/user-guide/dashboards/images/image060.gif b/docs/user-guide/dashboards/images/image060.gif new file mode 100644 index 00000000..c6d9cbbb Binary files /dev/null and b/docs/user-guide/dashboards/images/image060.gif differ diff --git a/docs/user-guide/dashboards/images/image061.png b/docs/user-guide/dashboards/images/image061.png new file mode 100644 index 00000000..c0423078 Binary files /dev/null and b/docs/user-guide/dashboards/images/image061.png differ diff --git a/docs/user-guide/dashboards/images/image062.gif b/docs/user-guide/dashboards/images/image062.gif new file mode 100644 index 00000000..1c55a5d9 Binary files /dev/null and b/docs/user-guide/dashboards/images/image062.gif differ diff --git a/docs/user-guide/dashboards/images/image063.png b/docs/user-guide/dashboards/images/image063.png new file mode 100644 index 00000000..c20d267b Binary files /dev/null and b/docs/user-guide/dashboards/images/image063.png differ diff --git a/docs/user-guide/dashboards/images/image064.gif b/docs/user-guide/dashboards/images/image064.gif new file mode 100644 index 00000000..844fdf7b Binary files /dev/null and b/docs/user-guide/dashboards/images/image064.gif differ diff --git a/docs/user-guide/dashboards/images/image065.gif b/docs/user-guide/dashboards/images/image065.gif new file mode 100644 index 00000000..7eab2abc Binary files /dev/null and b/docs/user-guide/dashboards/images/image065.gif differ diff --git a/docs/user-guide/dashboards/images/image066.png b/docs/user-guide/dashboards/images/image066.png new file mode 100644 index 00000000..7bd4e3ea Binary files /dev/null and b/docs/user-guide/dashboards/images/image066.png differ diff --git a/docs/user-guide/dashboards/images/image067.gif b/docs/user-guide/dashboards/images/image067.gif new file mode 100644 index 00000000..c0b313b3 Binary files /dev/null and b/docs/user-guide/dashboards/images/image067.gif differ diff --git a/docs/user-guide/dashboards/images/image068.png b/docs/user-guide/dashboards/images/image068.png new file mode 100644 index 00000000..028a2ead Binary files /dev/null and b/docs/user-guide/dashboards/images/image068.png differ diff --git a/docs/user-guide/dashboards/images/image069.gif b/docs/user-guide/dashboards/images/image069.gif new file mode 100644 index 00000000..890a3f50 Binary files /dev/null and b/docs/user-guide/dashboards/images/image069.gif differ diff --git a/docs/user-guide/dashboards/images/image070.png b/docs/user-guide/dashboards/images/image070.png new file mode 100644 index 00000000..4ec00503 Binary files /dev/null and b/docs/user-guide/dashboards/images/image070.png differ diff --git a/docs/user-guide/dashboards/images/image071.gif b/docs/user-guide/dashboards/images/image071.gif new file mode 100644 index 00000000..1d74d55e Binary files /dev/null and b/docs/user-guide/dashboards/images/image071.gif differ diff --git a/docs/user-guide/dashboards/images/image072.png b/docs/user-guide/dashboards/images/image072.png new file mode 100644 index 00000000..7373538d Binary files /dev/null and b/docs/user-guide/dashboards/images/image072.png differ diff --git a/docs/user-guide/dashboards/images/image073.gif b/docs/user-guide/dashboards/images/image073.gif new file mode 100644 index 00000000..dec34410 Binary files /dev/null and b/docs/user-guide/dashboards/images/image073.gif differ diff --git a/docs/user-guide/dashboards/images/image074.png b/docs/user-guide/dashboards/images/image074.png new file mode 100644 index 00000000..f7ba5d6b Binary files /dev/null and b/docs/user-guide/dashboards/images/image074.png differ diff --git a/docs/user-guide/dashboards/images/image075.gif b/docs/user-guide/dashboards/images/image075.gif new file mode 100644 index 00000000..33c1df55 Binary files /dev/null and b/docs/user-guide/dashboards/images/image075.gif differ diff --git a/docs/user-guide/dashboards/images/image076.png b/docs/user-guide/dashboards/images/image076.png new file mode 100644 index 00000000..f0449934 Binary files /dev/null and b/docs/user-guide/dashboards/images/image076.png differ diff --git a/docs/user-guide/dashboards/images/image077.gif b/docs/user-guide/dashboards/images/image077.gif new file mode 100644 index 00000000..04d6b613 Binary files /dev/null and b/docs/user-guide/dashboards/images/image077.gif differ diff --git a/docs/user-guide/dashboards/images/image078.png b/docs/user-guide/dashboards/images/image078.png new file mode 100644 index 00000000..939ef7dc Binary files /dev/null and b/docs/user-guide/dashboards/images/image078.png differ diff --git a/docs/user-guide/dashboards/images/image079.gif b/docs/user-guide/dashboards/images/image079.gif new file mode 100644 index 00000000..9e4f5ec6 Binary files /dev/null and b/docs/user-guide/dashboards/images/image079.gif differ diff --git a/docs/user-guide/dashboards/images/image080.png b/docs/user-guide/dashboards/images/image080.png new file mode 100644 index 00000000..5b8a6654 Binary files /dev/null and b/docs/user-guide/dashboards/images/image080.png differ diff --git a/docs/user-guide/dashboards/images/image081.gif b/docs/user-guide/dashboards/images/image081.gif new file mode 100644 index 00000000..b895faaf Binary files /dev/null and b/docs/user-guide/dashboards/images/image081.gif differ diff --git a/docs/user-guide/dashboards/images/image082.png b/docs/user-guide/dashboards/images/image082.png new file mode 100644 index 00000000..5f9723a8 Binary files /dev/null and b/docs/user-guide/dashboards/images/image082.png differ diff --git a/docs/user-guide/dashboards/images/image083.gif b/docs/user-guide/dashboards/images/image083.gif new file mode 100644 index 00000000..ca9da058 Binary files /dev/null and b/docs/user-guide/dashboards/images/image083.gif differ diff --git a/docs/user-guide/dashboards/images/image084.png b/docs/user-guide/dashboards/images/image084.png new file mode 100644 index 00000000..a6448d8e Binary files /dev/null and b/docs/user-guide/dashboards/images/image084.png differ diff --git a/docs/user-guide/dashboards/images/image085.gif b/docs/user-guide/dashboards/images/image085.gif new file mode 100644 index 00000000..6d7d9bf7 Binary files /dev/null and b/docs/user-guide/dashboards/images/image085.gif differ diff --git a/docs/user-guide/dashboards/images/image086.png b/docs/user-guide/dashboards/images/image086.png new file mode 100644 index 00000000..c7b6f21b Binary files /dev/null and b/docs/user-guide/dashboards/images/image086.png differ diff --git a/docs/user-guide/dashboards/images/image087.gif b/docs/user-guide/dashboards/images/image087.gif new file mode 100644 index 00000000..a5671953 Binary files /dev/null and b/docs/user-guide/dashboards/images/image087.gif differ diff --git a/docs/user-guide/dashboards/images/image088.png b/docs/user-guide/dashboards/images/image088.png new file mode 100644 index 00000000..43cba384 Binary files /dev/null and b/docs/user-guide/dashboards/images/image088.png differ diff --git a/docs/user-guide/dashboards/images/image089.gif b/docs/user-guide/dashboards/images/image089.gif new file mode 100644 index 00000000..eeaea0f2 Binary files /dev/null and b/docs/user-guide/dashboards/images/image089.gif differ diff --git a/docs/user-guide/dashboards/images/image090.png b/docs/user-guide/dashboards/images/image090.png new file mode 100644 index 00000000..196604b8 Binary files /dev/null and b/docs/user-guide/dashboards/images/image090.png differ diff --git a/docs/user-guide/dashboards/images/image091.gif b/docs/user-guide/dashboards/images/image091.gif new file mode 100644 index 00000000..5b63ff32 Binary files /dev/null and b/docs/user-guide/dashboards/images/image091.gif differ diff --git a/docs/user-guide/dashboards/images/image092.png b/docs/user-guide/dashboards/images/image092.png new file mode 100644 index 00000000..cf6f3740 Binary files /dev/null and b/docs/user-guide/dashboards/images/image092.png differ diff --git a/docs/user-guide/dashboards/images/image093.gif b/docs/user-guide/dashboards/images/image093.gif new file mode 100644 index 00000000..170724f4 Binary files /dev/null and b/docs/user-guide/dashboards/images/image093.gif differ diff --git a/docs/user-guide/dashboards/images/image094.png b/docs/user-guide/dashboards/images/image094.png new file mode 100644 index 00000000..6eff5c29 Binary files /dev/null and b/docs/user-guide/dashboards/images/image094.png differ diff --git a/docs/user-guide/dashboards/images/image095.gif b/docs/user-guide/dashboards/images/image095.gif new file mode 100644 index 00000000..d54bbc3b Binary files /dev/null and b/docs/user-guide/dashboards/images/image095.gif differ diff --git a/docs/user-guide/dashboards/images/image096.png b/docs/user-guide/dashboards/images/image096.png new file mode 100644 index 00000000..ec5bf99e Binary files /dev/null and b/docs/user-guide/dashboards/images/image096.png differ diff --git a/docs/user-guide/dashboards/images/image097.gif b/docs/user-guide/dashboards/images/image097.gif new file mode 100644 index 00000000..8fcb7ebb Binary files /dev/null and b/docs/user-guide/dashboards/images/image097.gif differ diff --git a/docs/user-guide/dashboards/images/image098.png b/docs/user-guide/dashboards/images/image098.png new file mode 100644 index 00000000..ec9e6a8f Binary files /dev/null and b/docs/user-guide/dashboards/images/image098.png differ diff --git a/docs/user-guide/dashboards/images/image099.gif b/docs/user-guide/dashboards/images/image099.gif new file mode 100644 index 00000000..5bc28724 Binary files /dev/null and b/docs/user-guide/dashboards/images/image099.gif differ diff --git a/docs/user-guide/dashboards/images/image100.png b/docs/user-guide/dashboards/images/image100.png new file mode 100644 index 00000000..caec53da Binary files /dev/null and b/docs/user-guide/dashboards/images/image100.png differ diff --git a/docs/user-guide/dashboards/images/image101.gif b/docs/user-guide/dashboards/images/image101.gif new file mode 100644 index 00000000..89f81a9e Binary files /dev/null and b/docs/user-guide/dashboards/images/image101.gif differ diff --git a/docs/user-guide/dashboards/images/image102.png b/docs/user-guide/dashboards/images/image102.png new file mode 100644 index 00000000..6691eab0 Binary files /dev/null and b/docs/user-guide/dashboards/images/image102.png differ diff --git a/docs/user-guide/dashboards/images/image103.gif b/docs/user-guide/dashboards/images/image103.gif new file mode 100644 index 00000000..ed4a0fcc Binary files /dev/null and b/docs/user-guide/dashboards/images/image103.gif differ diff --git a/docs/user-guide/dashboards/images/new-dashboard-2.png b/docs/user-guide/dashboards/images/new-dashboard-2.png new file mode 100644 index 00000000..0f59b479 Binary files /dev/null and b/docs/user-guide/dashboards/images/new-dashboard-2.png differ diff --git a/docs/user-guide/dashboards/images/pannel-header.png b/docs/user-guide/dashboards/images/pannel-header.png new file mode 100644 index 00000000..198fcd9a Binary files /dev/null and b/docs/user-guide/dashboards/images/pannel-header.png differ