Docs: Add and organize panels (#51763)

* combines topics into add and organize panels topic

* updates front matter

* fixes relrefs

* fixes typo

* Update docs/sources/dashboards/add-organize-panels.md

Co-authored-by: Torkel Ödegaard <torkel@grafana.com>

* Update docs/sources/dashboards/add-organize-panels.md

Co-authored-by: Torkel Ödegaard <torkel@grafana.com>

* make prettier

Co-authored-by: Torkel Ödegaard <torkel@grafana.com>

docs/sources/best-practices/best-practices-for-creating-dashboards.md

@@ -51,6 +51,6 @@ Once you have a strategy or design guidelines, write them down to help maintain
 - Use the left and right Y-axes when displaying time series with different units or ranges.
 - Add documentation to dashboards and panels.
   - To add documentation to a dashboard, add a [Text panel visualization]({{< relref "../visualizations/text-panel/" >}}) to the dashboard. Record things like the purpose of the dashboard, useful resource links, and any instructions users might need to interact with the dashboard. Check out this [Wikimedia example](https://grafana.wikimedia.org/d/000000066/resourceloader?orgId=1).
-  - To add documentation to a panel, [edit the panel settings]({{< relref "../panels/working-with-panels/add-panel/" >}}) and add a description. Any text you add will appear if you hover your cursor over the small `i` in the top left corner of the panel.
+  - To add documentation to a panel, edit the panel settings and add a description. Any text you add will appear if you hover your cursor over the small `i` in the top left corner of the panel.
 - Reuse your dashboards and enforce consistency by using [templates and variables]({{< relref "../variables/" >}}).
 - Be careful with stacking graph data. The visualizations can be misleading, and hide important data. We recommend turning it off in most cases.

docs/sources/dashboards/add-organize-panels.md

@@ -0,0 +1,108 @@
+---
+aliases:
+  - /docs/grafana/latest/panels/working-with-panels/navigate-panel-editor/
+  - /docs/grafana/latest/panels/working-with-panels/navigate-inspector-panel/
+  - /docs/grafana/latest/dashboards/dashboard-create/
+  - /docs/grafana/latest/features/dashboard/dashboards/
+  - /docs/grafana/latest/panels/working-with-panels/add-panel/
+  - /docs/grafana/latest/dashboards/add-organize-panels/
+title: Add and organize panels
+menuTitle: Add and organize panels
+weight: 2
+---
+
+# Add and organize panels
+
+This section describes the areas of the Grafana panel editor.
+
+1. Panel header: The header section lists the dashboard in which the panel appears and the following controls:
+
+   - **Dashboard settings (gear) icon -** Click to access the dashboard settings.
+   - **Discard -** Discards changes you have made to the panel since you last saved the dashboard.
+   - **Save -** Saves changes you made to the panel.
+   - **Apply -** Applies changes you made and closes the panel editor, returning you to the dashboard. You will have to save the dashboard to persist the applied changes.
+
+1. Visualization preview: The visualization preview section contains the following options:
+
+   - **Table view -** Convert any visualization to a table so that you can see the data. Table views are useful for troubleshooting.
+   - **Fill -** The visualization preview fills the available space. If you change the width of the side pane or height of the bottom pane the visualization changes to fill the available space.
+   - **Actual -** The visualization preview will have the exact size as the size on the dashboard. If not enough space is available, the visualization will scale down preserving the aspect ratio.
+   - **Time range controls -** For more information, refer to [Time range controls]({{< relref "time-range-controls/" >}}).
+
+1. Data section: The data section contains tabs where you enter queries, transform your data, and create alert rules (if applicable).
+
+   - **Query tab -** Select your data source and enter queries here. For more information, refer to [Add a query]({{< relref "../panels/query-a-data-source/add-a-query/" >}}).
+   - **Transform tab -** Apply data transformations. For more information, refer to [Transform data]({{< relref "../panels/transform-data/" >}}).
+   - **Alert tab -** Write alert rules. For more information, refer to [Overview of Grafana 8 alerting]({{< relref "../alerting/" >}}).
+
+1. Panel display options: The display options section contains tabs where you configure almost every aspect of your data visualization, including:
+
+   - [Apply color to series and fields]({{< relref "../panels/working-with-panels/apply-color-to-series/" >}})
+   - [Format a standard field]({{< relref "../panels/working-with-panels/format-standard-fields/" >}})
+   - [Add a title and description to a panel]({{< relref "../panels/working-with-panels/add-title-and-description/" >}})
+
+> Not all options are available for each visualization.
+
+{{< figure src="/static/img/docs/panel-editor/panel-editor-8-0.png" class="docs-image--no-shadow" max-width="1500px" >}}
+
+## Open the panel inspect drawer
+
+The inspect drawer helps you understand and troubleshoot your panels. You can view the raw data for any panel, export that data to a comma-separated values (CSV) file, view query requests, and export panel and data JSON.
+
+> **Note:** Not all panel types include all tabs. For example, dashboard list panels do not have raw data to inspect, so they do not display the Stats, Data, or Query tabs.
+
+The panel inspector consists of the following options:
+
+1. The panel inspect drawer displays opens a drawer on the right side. Click the arrow in the upper right corner to expand or reduce the drawer pane.
+
+1. **Data tab -** Shows the raw data returned by the query with transformations applied. Field options such as overrides and value mappings are not applied by default.
+
+1. **Stats tab -** Shows how long your query takes and how much it returns.
+
+1. **JSON tab -** Allows you to view and copy the panel JSON, panel data JSON, and data frame structure JSON. This is useful if you are provisioning or administering Grafana.
+
+1. **Query tab -** Shows you the requests to the server sent when Grafana queries the data source.
+
+1. **Error tab -** Shows the error. Only visible when query returns error.
+
+## Create a dashboard and add a panel
+
+Dashboards and panels allow you to show your data in visual form. Each panel needs at least one query to display a visualization.
+
+**Before you begin:**
+
+- Ensure that you have the proper permissions. For more information about permissions, refer to [About users and permissions]({{< relref "../administration/roles-and-permissions/" >}}).
+- Identify the dashboard to which you want to add the panel.
+- Understand the query language of the target data source.
+- Ensure that data source for which you are writing a query has been added. For more information about adding a data source, refer to [Add a data source]({{< relref "../datasources/add-a-data-source/" >}}) if you need instructions.
+
+**To create a dashboard and add a panel**:
+
+1. Sign in to Grafana, hover your cursor over **Dashboard**, and click **+ New Dashboard**.
+1. Click **Add a new panel**.
+1. In the first line of the **Query** tab, click the drop-down list and select a data source.
+1. Write or construct a query in the query language of your data source.
+
+   For more information about data sources, refer to [Data sources]({{< relref "../datasources/" >}}) for specific guidelines.
+
+1. In the Visualization list, select a visualization type.
+
+   Grafana displays a preview of your query results with the visualization applied.
+
+   ![](/static/img/docs/panel-editor/select-visualization-8-0.png)
+
+   For more information about individual visualizations, refer to [Visualizations options]({{< relref "../visualizations/" >}}).
+
+1. Refer to the following documentation for ways you can adjust panel settings.
+
+   While not required, most visualizations need some adjustment before they properly display the information that you need.
+
+   - [Format data using value mapping]({{< relref "../panels/format-data/about-value-mapping/" >}})
+   - [Visualization-specific options]({{< relref "../visualizations/" >}})
+   - [Override field values]({{< relref "../panels/override-field-values/about-field-overrides/" >}})
+   - [Configure thresholds]({{< relref "../panels/configure-thresholds/" >}})
+   - [Apply color to series and fields]({{< relref "../panels/working-with-panels/apply-color-to-series/" >}})
+
+1. Add a note to describe the visualization (or describe your changes) and then click **Save** in the upper-right corner of the page.
+
+   Notes can be helpful if you need to revert the dashboard to a previous version.

docs/sources/dashboards/use-dashboards.md

@@ -10,7 +10,7 @@ aliases:
   - /docs/grafana/latest/reference/search/
 title: 'Use dashboards'
 menuTitle: Use dashboards
-weight: 2
+weight: 1
 keywords:
   - dashboard
   - search

docs/sources/panels/format-data/edit-value-mapping.md

@@ -12,7 +12,6 @@ You can change a value mapping at any time.
 
 ## Before you begin
 
-- [Add a panel to a dashboard]({{< relref "../working-with-panels/add-panel/" >}}).
 - Ensure you have an existing value mapping to edit.
 
 **To edit a value mapping**:

docs/sources/panels/format-data/map-a-range.md

@@ -10,12 +10,6 @@ weight: 30
 
 Map a range of values when you want to format multiple, continuous values.
 
-## Before you begin
-
-- [Add a panel to a dashboard]({{< relref "../working-with-panels/add-panel/" >}}).
-
-**To map a range**:
-
 1. Edit the panel for which you want to map a range of values.
 1. In panel display options, in the **Value mappings** section, click **Add value mappings**.
 1. Click **Add a new mapping** and then select **Range**.

docs/sources/panels/format-data/map-a-regular-expression.md

@@ -10,14 +10,8 @@ weight: 40
 
 Map a regular expression when you want to format the text and color of a regular expression value.
 
-## Before you begin
-
-- [Add a panel to a dashboard]({{< relref "../working-with-panels/add-panel/" >}}).
-
-**To map a regular expression**:
-
 1. Edit the panel for which you want to map a regular expression.
-1. In the panel display options, in the **Value mappings** section, click **Add value mappings**.
+1. In the **Value mappings** section of the panel display options, click **Add value mappings**.
 1. Click **Add a new mapping** and then select **Regex**.
 1. Enter the regular expression pattern for Grafana to match.
 1. (Optional) Enter display text.

docs/sources/panels/format-data/map-a-special-value.md

@@ -10,12 +10,6 @@ weight: 50
 
 Map a special value when you want to format uncommon, boolean, or empty values.
 
-## Before you begin
-
-- [Add a panel to a dashboard]({{< relref "../working-with-panels/add-panel/" >}}).
-
-**To map a special value**:
-
 1. Edit the panel for which you want to map a special value.
 1. In panel display options, locate the **Value mappings** section and click **Add value mappings**.
 1. Click **Add a new mapping** and then select **Special**.

docs/sources/panels/format-data/map-a-value.md

@@ -10,12 +10,6 @@ weight: 20
 
 Map a value when you want to format a single value.
 
-## Before you begin
-
-- [Add a panel to a dashboard]({{< relref "../working-with-panels/add-panel/" >}}).
-
-**To map a value**:
-
 1. Open a panel for which you want to map a value.
 1. In panel display options, locate the **Value mappings** section and click **Add value mappings**.
 1. Click **Add a new mapping** and then select **Value**.

docs/sources/panels/override-field-values/add-a-field-override.md

@@ -10,12 +10,6 @@ weight: 30
 
 You can override a field when you want to change the display of the value in the visualization.
 
-## Before you begin
-
-- [Add a panel to a dashboard]({{< relref "../working-with-panels/add-panel/" >}}).
-
-**To add a field override**:
-
 1. Edit the panel to which you want to add an override.
 1. In the panel display options, in the **Overrides** section, click **Add field override**.
 

docs/sources/panels/override-field-values/delete-a-field-override.md

@@ -12,13 +12,6 @@ Delete a field override when you no longer need it.
 
 When you delete an override, the appearance of value defaults to its original format. This change impacts dashboards and dashboard users that rely on an affected panel.
 
-## Before you begin
-
-- [Add a panel to a dashboard]({{< relref "../working-with-panels/add-panel/" >}}).
-- [Add a field override]({{< relref "add-a-field-override/" >}}).
-
-**To delete a field override**:
-
 1. Edit the panel that contains the override you want to delete.
 1. In panel display options, click the **Overrides** tab.
 1. Click the override you want to delete and then click the associated trash icon.

docs/sources/panels/override-field-values/edit-field-override.md

@@ -10,11 +10,6 @@ weight: 40
 
 Edit a field override when you want to make changes to an override setting.
 
-## Before you begin
-
-- [Add a panel to a dashboard]({{< relref "../working-with-panels/add-panel/" >}}).
-- [Add a field override]({{< relref "add-a-field-override/" >}}).
-
 **To edit a field override**:
 
 1. Edit the panel that contains the overrides you want to edit.

docs/sources/panels/override-field-values/view-field-override.md

@@ -10,11 +10,6 @@ weight: 20
 
 You can view field overrides in the panel display options.
 
-## Before you begin
-
-- [Add a panel to a dashboard]({{< relref "../working-with-panels/add-panel/" >}}).
-- [Add a field override]({{< relref "add-a-field-override/" >}}).
-
 **To view field overrides**:
 
 1. Open for edit the panel that contains the overrides you want to view.

docs/sources/panels/query-a-data-source/add-a-query.md

@@ -14,7 +14,6 @@ A query returns data that Grafana visualizes in dashboards. When you create a pa
 
 - [Add a data source](../../../datasources/add-a-data-source).
 - Ensure that you know the query language of the data source.
-- [Add a panel]({{< relref "../working-with-panels/add-panel/" >}}).
 
 **To add a query**:
 

docs/sources/panels/query-a-data-source/download-raw-query-results.md

@@ -10,13 +10,6 @@ weight: 70
 
 Grafana generates a CSV file that contains your data, including any transformations to that data. You can choose to view the data before or after the panel applies field options or field option overrides.
 
-## Before you begin
-
-- [Add a panel to a dashboard]({{< relref "../working-with-panels/add-panel/" >}}).
-- [Add a query]({{< relref "add-a-query/" >}}).
-
-**To download raw query results**:
-
 1. Edit the panel that contains the query data you want to download.
 1. In the query editor, click **Query Inspector**.
 1. Click **Data**.

docs/sources/panels/query-a-data-source/inspect-query-performance.md

@@ -10,13 +10,6 @@ weight: 80
 
 The **Stats** tab displays statistics that tell you how long your query takes, how many queries you send, and the number of rows returned. This information can help you troubleshoot your queries, especially if any of the numbers are unexpectedly high or low.
 
-## Before you begin
-
-- [Add a panel to a dashboard]({{< relref "../working-with-panels/add-panel/" >}}).
-- [Add a query]({{< relref "add-a-query/" >}}).
-
-**To inspect query performance**:
-
 1. Edit the panel that contains the query with performance you want to inspect.
 1. In the query editor, click **Query Inspector**.
 1. Click **Stats**.

docs/sources/panels/query-a-data-source/inspect-request-and-response-data.md

@@ -10,13 +10,6 @@ weight: 90
 
 Inspect query request and response data when you want to troubleshoot a query that returns unexpected results, or fails to return expected results.
 
-## Before you begin
-
-- [Add a panel to a dashboard]({{< relref "../working-with-panels/add-panel/" >}}).
-- [Add a query]({{< relref "add-a-query/" >}}).
-
-**To inspect query request and response data**:
-
 1. Edit the panel that contains the query you want to export.
 1. In the query editor, click **Query Inspector**.
 1. Click **Refresh**.

docs/sources/panels/query-a-data-source/share-query.md

@@ -14,9 +14,7 @@ The Dashboard data source lets you select a panel in your dashboard that contain
 
 This strategy can drastically reduce the number of queries being made when you for example have several panels visualizing the same data.
 
-**To share data source queries with another panel**:
-
-1. [Add a panel to a dashboard]({{< relref "../working-with-panels/add-panel/" >}}).
+1. [Create a dashboard and add a panel]({{< relref "../../dashboards/add-organize-panels/#create-a-dashboard-and-add-a-panel" >}}).
 1. Change the title to "Source panel". You'll use this panel as a source for the other panels.
 1. Define the [query]({{< relref "add-a-query/" >}}) or queries that you want share.
 

docs/sources/panels/query-a-data-source/use-expressions-to-manipulate-data/write-an-expression.md

@@ -12,12 +12,6 @@ If your data source supports them, then Grafana displays the **Expression** butt
 
 For more information about expressions, refer to [About expressions]({{< relref "about-expressions/" >}}).
 
-## Before you begin
-
-- [Add a panel]({{< relref "../../working-with-panels/add-panel/" >}}).
-
-**To write an expression**:
-
 1. Open the panel.
 1. Below the query, click **Expression**.
 1. In the **Operation** field, select the type of expression you want to write.

docs/sources/panels/working-with-panels/add-panel.md

@@ -1,57 +0,0 @@
----
-aliases:
-  - /docs/grafana/latest/panels/working-with-panels/add-panel/
-  - /docs/sources/panels/working-with-panels/add-panel/
-title: Add a panel to a dashboard
-weight: 20
----
-
-# Add a panel to a dashboard
-
-Panels allow you to show your data in visual form. Each panel needs at least one query to display a visualization.
-
-## Before you begin
-
-- Ensure that you have the proper permissions. For more information about permissions, refer to [About users and permissions]({{< relref "../../administration/manage-users-and-permissions/about-users-and-permissions/" >}}).
-- Identify the dashboard to which you want to add the panel.
-- Understand the query language of the target data source.
-- Ensure that data source for which you are writing a query has been added. For more information about adding a data source, refer to [Add a data source]({{< relref "../../datasources/add-a-data-source/" >}}) if you need instructions.
-
-**To add a panel to a dashboard**:
-
-1. Navigate to the dashboard to which you want to add a panel.
-1. Click the **Add panel** icon.
-
-   ![](/static/img/docs/panels/add-panel-icon-7-0.png)
-
-1. Click **Add an empty panel**.
-
-   Grafana creates an empty time-series panel and selects the default data source.
-
-1. In the first line of the **Query** tab, click the drop-down list and select a data source.
-
-1. Write or construct a query in the query language of your data source.
-
-   For more information about data sources, refer to [Data sources]({{< relref "../../datasources/" >}}) for specific guidelines.
-
-1. In the Visualization list, select a visualization type.
-
-   Grafana displays a preview of your query results with the visualization applied.
-
-   ![](/static/img/docs/panel-editor/select-visualization-8-0.png)
-
-   For more information about individual visualizations, refer to [Visualizations options]({{< relref "../../visualizations/" >}}).
-
-1. Refer to the following documentation for ways you adjust panel settings.
-
-   While not required, most visualizations need some adjustment before they properly display the information that you need.
-
-   - [Format data using value mapping]({{< relref "../format-data/about-value-mapping/" >}})
-   - [Visualization-specific options]({{< relref "../../visualizations/" >}})
-   - [Override field values]({{< relref "../override-field-values/about-field-overrides/" >}})
-   - [Configure thresholds]({{< relref "../configure-thresholds/" >}})
-   - [Apply color to series and fields]({{< relref "apply-color-to-series/" >}})
-
-1. Add a note to describe the visualization (or describe your changes) and then click **Save** in the upper-right corner of the page.
-
-   Notes can be helpful if you need to revert the dashboard to a previous version.

docs/sources/panels/working-with-panels/add-title-and-description.md

@@ -10,12 +10,6 @@ weight: 30
 
 Add a title and description to a panel to share with users any important information about the visualization. For example, use the description to document the purpose of the visualization.
 
-## Before you begin:
-
-- [Add a panel to a dashboard]({{< relref "add-panel/" >}}).
-
-**To add a title and description to a panel**:
-
 1. Open a panel.
 
 1. In the panel display options pane, locate the **Panel options** section.

docs/sources/panels/working-with-panels/apply-color-to-series.md

@@ -13,12 +13,6 @@ In addition to specifying color based on thresholds, you can configure the color
 You can specify a single color, or select a continuous (gradient) color schemes, based on a value.
 Continuous color interpolates a color using the percentage of a value relative to min and max.
 
-## Before you begin
-
-- [Add a panel to a dashboard]({{< relref "add-panel/" >}}).
-
-**To apply color to series and fields**:
-
 1. In panel display options, scroll to the **Standard options** or **override** section.
 
 1. Click the **Standard options Color scheme** drop-down, and select one of the following palettes:

docs/sources/panels/working-with-panels/configure-legend.md

@@ -16,12 +16,6 @@ Visualizations can often be visually complex, and include many data series. You
 
 When you apply your changes, the visualization changes appear to all users of the panel.
 
-### Before you begin
-
-- [Add a panel to a dashboard]({{< relref "add-panel/" >}}).
-
-**To isolate series data in a visualization**:
-
 1. Open the panel.
 
 1. In the legend, click the label of the series you want to isolate.

docs/sources/panels/working-with-panels/format-standard-fields.md

@@ -16,12 +16,6 @@ For a complete list of field formatting options, refer to [Standard field defini
 
 > You can apply standard options to most built-in Grafana panels. Some older panels and community panels that have not updated to the new panel and data model will be missing either all or some of these field options.
 
-## Before you begin
-
-- [Add a panel to a dashboard]({{< relref "add-panel/" >}}).
-
-**To format a standard field**:
-
 1. Open a dashboard, click the panel title, and click **Edit**.
 
 1. In the panel display options pane, locate the **Standard options** section.

docs/sources/panels/working-with-panels/navigate-panel-editor.md

@@ -1,42 +0,0 @@
----
-aliases:
-  - /docs/grafana/latest/panels/working-with-panels/navigate-panel-editor/
-  - /docs/sources/panels/working-with-panels/navigate-panel-editor/
-title: Navigate the Grafana panel editor
-weight: 10
----
-
-# Navigate the Grafana panel editor
-
-This page describes the parts of the Grafana panel editor.
-
-1. Panel header: The header section lists the dashboard in which the panel appears and the following controls:
-
-   - **Dashboard settings (gear) icon -** Click to access the dashboard settings.
-   - **Discard -** Discards changes you have made to the panel since you last saved the dashboard.
-   - **Save -** Saves changes you made to the panel.
-   - **Apply -** Applies changes you made and closes the panel editor, returning you to the dashboard. You will have to save the dashboard to persist the applied changes.
-
-2. Visualization preview: The visualization preview section contains the following options:
-
-   - **Table view -** Convert any visualization to a table so that you can see the data. Table views are useful for troubleshooting.
-   - **Fill -** The visualization preview fills the available space. If you change the width of the side pane or height of the bottom pane the visualization changes to fill the available space.
-   - **Actual -** The visualization preview will have the exact size as the size on the dashboard. If not enough space is available, the visualization will scale down preserving the aspect ratio.
-   - **Time range controls -** For more information, refer to [Time range controls]({{< relref "../../dashboards/time-range-controls/" >}}).
-
-3. Data section: The data section contains tabs where you enter queries, transform your data, and create alert rules (if applicable).
-
-   - **Query tab -** Select your data source and enter queries here. For more information, refer to [Add a query]({{< relref "../query-a-data-source/add-a-query/" >}}).
-
-   - **Transform tab -** Apply data transformations. For more information, refer to [Transform data]({{< relref "../transform-data/" >}}).
-   - **Alert tab -** Write alert rules. For more information, refer to [Overview of Grafana 8 alerting]({{< relref "../../alerting/" >}}).
-
-4. Panel display options: The display options section contains tabs where you configure almost every aspect of your data visualization, including:
-
-   - [Apply color to series and fields]({{< relref "apply-color-to-series/" >}})
-   - [Format a standard field]({{< relref "format-standard-fields/" >}})
-   - [Add a title and description to a panel]({{< relref "add-title-and-description/" >}})
-
-> Not all options are available for each visualization.
-
-{{< figure src="/static/img/docs/panel-editor/panel-editor-8-0.png" class="docs-image--no-shadow" max-width="1500px" >}}

docs/sources/panels/working-with-panels/view-json-model.md

@@ -10,12 +10,6 @@ weight: 100
 
 Explore and export panel, panel data, and data frame JSON models.
 
-## Before you begin:
-
-- [Add a panel to a dashboard]({{< relref "add-panel/" >}}).
-
-**To view a panel JSON model**:
-
 1. Open the panel inspector and then click the **JSON** tab or in the panel menu click **Inspect > Panel JSON**.
 
 1. In Select source, choose one of the following options:

docs/sources/visualizations/_index.md

@@ -10,7 +10,7 @@ weight: 75
 
 Grafana offers a variety of visualizations to support different use cases. This section of the documentation highlights the built-in panels, their options and typical usage.
 
-> **Note:** If you are unsure which visualization to pick, Grafana can provide visualization suggestions based on the panel query. When you select a visualization, Grafana will show a preview with that visualization applied. For more information, see the [add a panel]({{< relref "../panels/working-with-panels/add-panel/" >}}) documentation.
+> **Note:** If you are unsure which visualization to pick, Grafana can provide visualization suggestions based on the panel query. When you select a visualization, Grafana will show a preview with that visualization applied.
 
 - Graphs & charts
   - [Time series]({{< relref "time-series/" >}}) is the default and main Graph visualization.

docs/sources/visualizations/time-series/graph-time-series-as-bars.md

@@ -18,9 +18,7 @@ This section explains how to use Time series field options to visualize time ser
 
 For more information about the time series visualization, refer to [Time series]({{< relref "_index.md" >}}).
 
-## Create the panel
-
-1. [Add a panel]({{< relref "../../panels/working-with-panels/add-panel/" >}}).
+1. [Create a dashboard and add a panel]({{< relref "../../dashboards/add-organize-panels/#create-a-dashboard-and-add-a-panel" >}}).
 1. Select the **Time series** visualization.
 1. In the Panel editor side pane, click **Graph styles** to expand it.
 1. In Style, click **Bars**.

docs/sources/visualizations/time-series/graph-time-series-as-lines.md

@@ -16,9 +16,8 @@ weight: 200
 
 This section explains how to use Time series field options to visualize time series data as lines and illustrates what the options do.
 
-## Create the panel
-
-1. [Add a panel]({{< relref "../../panels/working-with-panels/add-panel/" >}}). Select the [Time series]({{< relref "_index.md" >}}) visualization.
+1. [Create a dashboard and add a panel]({{< relref "../../dashboards/add-organize-panels/#create-a-dashboard-and-add-a-panel" >}}).
+1. Select the [Time series]({{< relref "_index.md" >}}) visualization.
 1. In the Panel editor side pane, click **Graph styles** to expand it.
 1. In Style, click **Lines**.
 

docs/sources/visualizations/time-series/graph-time-series-as-points.md

@@ -16,9 +16,8 @@ weight: 300
 
 This section explains how to use Time series field options to visualize time series data as points and illustrates what the options do.
 
-## Create the panel
-
-1. [Add a panel]({{< relref "../../panels/working-with-panels/add-panel/" >}}). Select the [Time series]({{< relref "_index.md" >}}) visualization.
+1. [Create a dashboard and add a panel]({{< relref "../../dashboards/add-organize-panels/#create-a-dashboard-and-add-a-panel" >}}).
+1. Select the [Time series]({{< relref "_index.md" >}}) visualization.
 1. In the Panel editor side pane, click **Graph styles** to expand it.
 1. In Style, click **Points**.