Skip to content

Commit cf465b2

Browse files
Dashboards first 20 lines optimization (elastic#4084)
<!--- Thank you for contributing to the Elastic Docs! 🎉 Use this template to help us efficiently review your contribution. ---> ## Summary <!-- Describe what your PR changes or improves. If your PR fixes an issue, link it here. If your PR does not fix an issue, describe the reason you are making the change. --> This PR updates the page opening of all Dashboards docs pages. In particular: - Check that the frontmatter is correct and contains the right metadata - More generally, frontmatter is often missing an intentional description in many docs files - Optimized H1 - Optimized page intro based on basic content types (tutorial/explanation/guide/reference) that provides better context and sets better expectations These changes follow instructions provided to AI following an onweek project: https://github.com/florent-leborgne/mi-instructions ## Generative AI disclosure <!-- To help us ensure compliance with the Elastic open source and documentation guidelines, please answer the following: --> 1. Did you use a generative AI (GenAI) tool to assist in creating this contribution? - [x] Yes - [ ] No <!-- 2. If you answered "Yes" to the previous question, please specify the tool(s) and model(s) used (e.g., Google Gemini, OpenAI ChatGPT-4, etc.). --> Tool(s) and model(s) used: Cursor with Claude Sonnet 4.5 --------- Co-authored-by: Benjamin Ironside Goldstein <[email protected]>
1 parent 065b9c2 commit cf465b2

16 files changed

+153
-38
lines changed

.gitignore

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
# Add LLM/AI related files
1010
AGENTS.md
1111
.github/copilot-instructions.md
12-
.github/instructions
12+
.github/instructions/
1313
CLAUDE.md
1414
GEMINI.md
1515
.cursor

explore-analyze/dashboards.md

Lines changed: 34 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
---
22
navigation_title: Dashboards
3+
description: Visualize and share insights from your Elasticsearch data using interactive panels, charts, maps, and custom filters.
34
mapped_pages:
45
- https://www.elastic.co/guide/en/kibana/current/dashboard.html
56
applies_to:
@@ -9,14 +10,42 @@ products:
910
- id: kibana
1011
---
1112

12-
# {{kib}} dashboards [dashboard]
13+
# Dashboards [dashboard]
1314

14-
Dashboards are the best way to visualize and share insights from your {{es}} data.
15+
**Dashboards** provide the primary way to visualize and share insights from your {{es}} data. They allow you to build interactive displays that combine multiple visualizations, metrics, and controls into a single view that helps you and your team monitor trends, investigate issues, and make data-driven decisions.
1516

16-
A **dashboard** is made of one or more **panels** that you can organize as you like. Each panel can display various types of content: **visualizations** such as charts, tables, metrics, and maps, **static annotations** like text or images, or even **specialized views** for Machine Learning or Observability data.
17+
A dashboard is composed of one or more **panels** that you arrange to tell your data story. Each panel can display visualizations such as charts, tables, metrics, and maps, static annotations like text or images, or specialized views for {{ml}} or {{observability}} data.
1718

1819
![Example dashboard](/explore-analyze/images/kibana-dashboard-overview.png "")
1920

20-
At any time, you can [share a dashboard](dashboards/sharing.md) you’ve created with your team, in {{kib}} or outside.
21+
## Get started with dashboards [get-started-with-dashboards]
2122

22-
Some dashboards are created and managed by the system, and are identified as `managed` in your list of dashboards. This generally happens when you set up an integration to add data. You can’t edit managed dashboards directly, but you can [duplicate](dashboards/duplicate-dashboards.md) them and edit these duplicates.
23+
New to dashboards? Start with these hands-on tutorials that walk you through creating your first dashboards using sample data:
24+
25+
- [Create a simple dashboard to monitor website logs](dashboards/create-dashboard-of-panels-with-web-server-data.md): Build a dashboard with charts, metrics, and filters to analyze web traffic patterns.
26+
- [Create a dashboard with time series charts](dashboards/create-dashboard-of-panels-with-ecommerce-data.md): Learn to visualize sales trends and patterns over time using eCommerce data.
27+
28+
29+
## Work with dashboards [work-with-dashboards]
30+
31+
Once you understand the basics, explore these common tasks:
32+
33+
**Explore and interact**
34+
- [Explore dashboards](dashboards/using.md): Filter data, adjust time ranges, and interact with panels to uncover insights.
35+
36+
**Build and customize dashboards**
37+
- [Build dashboards](dashboards/building.md): Learn the fundamentals of creating and configuring dashboards.
38+
- [Create a dashboard](dashboards/create-dashboard.md): Start with an empty dashboard and add your content.
39+
- [Add filter controls](dashboards/add-controls.md): Enable interactive filtering with options lists, range sliders, and time sliders.
40+
- [Add drilldowns](dashboards/drilldowns.md): Create interactive navigation between dashboards or to external URLs.
41+
- [Organize dashboard panels](dashboards/arrange-panels.md): Arrange panels using collapsible sections, resizing, and positioning.
42+
43+
**Manage and share**
44+
- [Manage dashboards](dashboards/managing.md): Browse, search, organize, and track usage of your dashboards.
45+
- [Share dashboards](dashboards/sharing.md): Share with your team using links, embeds, or file exports.
46+
- [Duplicate a dashboard](dashboards/duplicate-dashboards.md): Create customizable copies of existing dashboards.
47+
- [Import a dashboard](dashboards/import-dashboards.md): Bring dashboards from other environments.
48+
49+
## About managed dashboards [managed-dashboards]
50+
51+
Some dashboards are created and managed by the system, and are identified as `managed` in your list of dashboards. This generally happens when you set up an integration to add data. You can't edit managed dashboards directly, but you can [duplicate](dashboards/duplicate-dashboards.md) them and edit the duplicates.

explore-analyze/dashboards/add-controls.md

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
---
22
mapped_pages:
33
- https://www.elastic.co/guide/en/kibana/current/add-controls.html
4+
description: Add interactive filter controls to your Kibana dashboards to help users explore data with options lists, range sliders, and time sliders.
45
applies_to:
56
stack: ga
67
serverless: ga
@@ -10,7 +11,17 @@ products:
1011

1112
# Add filter controls [add-controls]
1213

13-
**Controls** are interactive panels that you add to your dashboards to help viewers filter and display only the data they want to explore quicker. Controls apply to all relevant panels in a dashboard.
14+
**Controls** are interactive options that you add to your dashboards to help future viewers filter and display only the data they want to explore more efficiently. Controls apply filters across all relevant panels in a dashboard to focus on specific data segments without writing filtering queries.
15+
16+
## Requirements [add-controls-requirements]
17+
18+
To add controls to a dashboard, you need:
19+
20+
* **All** privilege for the **Dashboard** feature in {{product.kibana}}
21+
* An existing dashboard open in **Edit** mode
22+
* A [data view](../find-and-organize/data-views.md) configured with fields available for filtering
23+
24+
## Control types [control-types]
1425

1526
There are three types of controls:
1627

explore-analyze/dashboards/arrange-panels.md

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
---
22
mapped_pages:
33
- https://www.elastic.co/guide/en/kibana/current/arrange-panels.html
4+
description: Organize and arrange dashboard panels using collapsible sections, resizing, positioning, and duplication to improve readability and performance.
45
applies_to:
56
stack: ga
67
serverless: ga
@@ -10,7 +11,11 @@ products:
1011

1112
# Organize dashboard panels [arrange-panels]
1213

13-
Customize your dashboard layout by arranging panels into logical groups and adjusting their size and position. When panels are well organized, it makes your dashboard easier to read, faster to load, and helps its viewers locate important information quicker.
14+
Customize your dashboard layout by arranging panels into logical groups and adjusting their size and position. When panels are well organized, your dashboard becomes easier to read, loads faster, and helps viewers locate important information more quickly.
15+
16+
## Requirements [arrange-panels-requirements]
17+
18+
To organize dashboard panels, you need the **All** privilege for the **Dashboard** feature in {{product.kibana}}.
1419

1520
## Arrange panels in collapsible sections [collapsible-sections]
1621
```{applies_to}
Lines changed: 14 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
---
22
mapped_pages:
33
- https://www.elastic.co/guide/en/kibana/current/create-dashboards.html
4+
description: Build powerful Kibana dashboards using visualizations, metrics, text, images, and interactive controls to monitor and analyze your data.
45
applies_to:
56
stack: ga
67
serverless: ga
@@ -10,20 +11,23 @@ products:
1011

1112
# Building dashboards [create-dashboards]
1213

13-
{{kib}} offers many ways to build powerful dashboards that will help you visualize and keep track of the most important information contained in your {{es}} data.
14+
{{product.kibana}} offers many ways to build powerful dashboards that help you visualize and keep track of the most important information in your {{product.elasticsearch}} data. Combine multiple visualizations, metrics, and interactive elements into a cohesive view that tells your data story and enables rapid decision-making.
1415

15-
* Create and assemble visualizations such as charts or maps, and enrich them with helpful legends containing key data.
16-
* Extract and show key indicators and metrics to keep them visible and highlighted at all times.
17-
* Add text, images, and links to help viewers make the most of your dashboard.
18-
* Include additional controls to facilitate filtering and browsing the data.
16+
You can:
1917

20-
$$$dashboard-minimum-requirements$$$
21-
To create or edit dashboards, you first need to:
18+
* Create and assemble visualizations such as charts or maps, and enrich them with helpful legends containing key data
19+
* Extract and show key indicators and metrics to always keep them visible and highlighted
20+
* Add text, images, and links to help viewers make the most of your dashboard
21+
* Include additional controls to facilitate filtering and browsing the data
2222

23-
* have [data indexed into {{es}}](/manage-data/ingest.md) and a [data view](../find-and-organize/data-views.md). A data view is a subset of your {{es}} data, and allows you to load the right data when building a visualization or exploring it.
23+
## Requirements [dashboard-minimum-requirements]
24+
25+
To create or edit dashboards, you need:
26+
27+
* [Data indexed into {{product.elasticsearch}}](/manage-data/ingest.md) and a [data view](../find-and-organize/data-views.md). A data view is a subset of your {{product.elasticsearch}} data, and allows you to load the right data when building a visualization or exploring it.
2428

2529
::::{tip}
26-
If you dont have data at hand and still want to explore dashboards, you can import one of the [sample data sets](../../manage-data/ingest/sample-data.md) available.
30+
If you don't have data at hand and still want to explore dashboards, you can import one of the [sample data sets](../../manage-data/ingest/sample-data.md) available.
2731
::::
2832

29-
* have sufficient permissions on the **Dashboard** feature. If that’s not the case, you might get a read-only indicator. A {{kib}} administrator can [grant you the required privileges](../../deploy-manage/users-roles/cluster-or-deployment-auth/kibana-privileges.md).
33+
* Sufficient privileges for the **Dashboard** feature. Without them, you might get a read-only indicator. A {{product.kibana}} administrator can [grant you the required privileges](../../deploy-manage/users-roles/cluster-or-deployment-auth/kibana-privileges.md).

explore-analyze/dashboards/create-dashboard-of-panels-with-ecommerce-data.md

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
---
22
mapped_pages:
33
- https://www.elastic.co/guide/en/kibana/current/create-a-dashboard-of-panels-with-ecommerce-data.html
4+
description: Step-by-step tutorial for creating a Kibana dashboard with time series visualizations to analyze eCommerce sales trends and patterns.
45
applies_to:
56
stack: ga
67
serverless: ga
@@ -10,9 +11,9 @@ products:
1011

1112
# Create a dashboard with time series charts [create-a-dashboard-of-panels-with-ecommerce-data]
1213

13-
In this tutorial, you’ll use the ecommerce sample data to analyze sales trends, but you can use any type of data to complete the tutorial.
14+
Learn how to create time series visualizations and build a dashboard that tracks trends over time. This tutorial uses eCommerce sample data to analyze sales patterns, but you can apply these techniques to any time-based data.
1415

15-
When youre done, youll have a complete overview of the sample web logs data.
16+
When you're done, you'll have a complete dashboard showing sales trends, revenue patterns, and customer behavior over time.
1617

1718
:::{image} /explore-analyze/images/kibana-lens_timeSeriesDataTutorialDashboard_8.3.png
1819
:alt: Final dashboard with eCommerce sample data

explore-analyze/dashboards/create-dashboard-of-panels-with-web-server-data.md

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
---
22
mapped_pages:
33
- https://www.elastic.co/guide/en/kibana/current/create-a-dashboard-of-panels-with-web-server-data.html
4+
description: Step-by-step tutorial for creating a Kibana dashboard to monitor and analyze website log data using visualizations and panels.
45
applies_to:
56
stack: ga
67
serverless: ga
@@ -10,9 +11,9 @@ products:
1011

1112
# Create a simple dashboard to monitor website logs [create-a-dashboard-of-panels-with-web-server-data]
1213

13-
Learn the most common ways to create a dashboard from your own data. The tutorial will use sample data from the perspective of an analyst looking at website logs, but this type of dashboard works on any type of data.
14+
Learn the most common ways to create a dashboard from your own data. This tutorial uses sample web logs data from the perspective of an analyst monitoring website traffic, but you can apply these techniques to any type of data.
1415

15-
When youre done, youll have a complete overview of the sample web logs data.
16+
When you're done, you'll have a complete overview of the sample web logs data that tracks key metrics like visitor counts, traffic sources, response codes, and geographic distribution.
1617

1718
:::{image} /explore-analyze/images/kibana-lens_logsDashboard_8.4.0.png
1819
:alt: Logs dashboard

explore-analyze/dashboards/create-dashboard.md

Lines changed: 15 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
---
22
mapped_pages:
33
- https://www.elastic.co/guide/en/kibana/current/create-dashboard.html
4+
description: Create a new Kibana dashboard from scratch by adding visualizations, controls, and organizing panels to display your data insights.
45
applies_to:
56
stack: ga
67
serverless: ga
@@ -10,17 +11,28 @@ products:
1011

1112
# Create a dashboard [create-dashboard]
1213

13-
1. Open the **Dashboards** page in {{kib}}.
14+
Create a new dashboard in {{product.kibana}} to start visualizing and monitoring your data. Once created, you can add visualizations, configure interactive controls, and organize panels to build a comprehensive view of your data that meets your specific monitoring and analysis needs.
15+
16+
## Requirements [create-dashboard-requirements]
17+
18+
Before creating a dashboard, ensure you have:
19+
20+
* [Data indexed into {{product.elasticsearch}}](/manage-data/ingest.md) and at least one [data view](../find-and-organize/data-views.md) configured
21+
* **All** privilege for the **Dashboard** feature in {{product.kibana}}
22+
23+
## Create a new dashboard [create-dashboard-steps]
24+
25+
1. Open the **Dashboards** page in {{product.kibana}}.
1426
2. Select **Create dashboard** to start with an empty dashboard.
1527

1628
When you create a dashboard, you are automatically in edit mode and can make changes to the dashboard.
1729

1830
3. Populate your dashboard with the content that you need. You can:
1931

20-
* [**Add new visualizations**](../visualize.md#panels-editors). Create a chart using [Lens](../visualize/lens.md), the default visualization editor in {{kib}}, or other visualizations such as [Maps](../visualize/maps.md).
32+
* [**Add new visualizations**](../visualize.md#panels-editors). Create a chart using [Lens](../visualize/lens.md), the default visualization editor in {{product.kibana}}, or other visualizations such as [Maps](../visualize/maps.md).
2133
* [**Add existing content from the library**](../visualize/visualize-library.md). Select existing visualizations or Discover sessions that have already been configured and saved to the **Visualize Library**.
2234
* [**Add annotations or navigation panels**](../visualize.md#panels-editors). Make your dashboard more informative and easier to read with sections, text, and images.
23-
* [**Add controls**](add-controls.md). Define a set of interactive filters (options lists, range or time sliders) that you and future users of this dashboard can use to explore its data.
35+
* [**Add controls**](add-controls.md). Define a set of interactive filters (options lists, range or time sliders) that you and future users of this dashboard can use to explore its data.
2436

2537
4. Organize your dashboard by [organizing the various panels](arrange-panels.md).
2638
5. Define the main settings of your dashboard from the **Settings** menu located in the toolbar.

explore-analyze/dashboards/drilldowns.md

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
---
22
mapped_pages:
33
- https://www.elastic.co/guide/en/kibana/current/drilldowns.html
4+
description: Add drilldowns to Kibana dashboard panels to navigate to other dashboards, external URLs, or Discover while preserving context and filters.
45
applies_to:
56
stack: ga
67
serverless: ga
@@ -10,7 +11,18 @@ products:
1011

1112
# Add drilldowns [drilldowns]
1213

13-
Panels have built-in interactive capabilities that apply filters to the dashboard data. For example, when you drag a time range or click a pie slice, a filter for the time range or pie slice is applied. Drilldowns let you customize the interactive behavior while keeping the context of the interaction.
14+
Panels have built-in interactive capabilities that apply filters to the dashboard data. For example, when you drag a time range slider or click a pie chart slice, this applies a filter for the time range or pie slice. **Drilldowns** let you customize and extend this interactive behavior by defining what happens when you click on data points, while keeping interaction context such as filters, time ranges, and selected values.
15+
16+
## Requirements [drilldowns-requirements]
17+
18+
To add drilldowns to dashboard panels, you need:
19+
20+
* **All** privilege for the **Dashboard** feature in {{product.kibana}}
21+
* An existing dashboard with at least one panel that supports drilldowns
22+
* For dashboard drilldowns: A target dashboard to navigate to
23+
* For URL drilldowns: A URL template that can include dynamic variables from the clicked data
24+
25+
## Drilldown types [drilldown-types]
1426

1527
There are three types of drilldowns you can add to dashboards:
1628

explore-analyze/dashboards/duplicate-dashboards.md

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
---
22
mapped_pages:
33
- https://www.elastic.co/guide/en/kibana/current/duplicate-dashboards.html
4+
description: Duplicate an existing Kibana dashboard to create a copy that you can customize independently without affecting the original.
45
applies_to:
56
stack: ga
67
serverless: ga
@@ -10,6 +11,16 @@ products:
1011

1112
# Duplicate a dashboard [duplicate-dashboards]
1213

14+
Create a copy of an existing dashboard in {{product.kibana}} to customize it independently without affecting the original. This is particularly useful when you want to create variations of a dashboard for different teams or use cases, or when you need to edit a managed dashboard that comes from an integration.
15+
16+
## Requirements [duplicate-dashboard-requirements]
17+
18+
To duplicate a dashboard, you need:
19+
20+
* **All** privilege for the **Dashboard** feature in {{product.kibana}}
21+
22+
## Duplicate a dashboard [duplicate-dashboard-steps]
23+
1324
1. Open the dashboard you want to duplicate.
1425
2. Exit the edit mode, and click **Duplicate** in the toolbar.
1526
3. In the **Duplicate dashboard** window, enter a title and optional description and tags.

0 commit comments

Comments
 (0)