Skip to content

Delete all images at top level dir #868

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Mar 25, 2025
Merged

Delete all images at top level dir #868

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
bcf92e2
delete all images at top level dir
colleenmcginnis Mar 20, 2025
75c6121
Merge branch 'main' into docs-clean-up-all
colleenmcginnis Mar 25, 2025
296b1cd
Merge branch 'main' into docs-clean-up-all
colleenmcginnis Mar 25, 2025
5d4bbbf
clean up images
colleenmcginnis Mar 25, 2025
1a50c31
Merge branch 'main' into docs-clean-up-all
colleenmcginnis Mar 25, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
The diff you're trying to view is too large. We only load the first 3000 changed files.
20 changes: 10 additions & 10 deletions explore-analyze/dashboards/add-controls.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,15 +14,15 @@ There are three types of controls:

* [**Options list**](#create-and-add-options-list-and-range-slider-controls) — Adds a dropdown that allows to filter data by selecting one or more values.
For example, if you are using the **[Logs] Web Traffic** dashboard from the sample web logs data, you can add an options list for the `machine.os.keyword` field that allows you to display only the logs generated from `osx` and `ios` operating systems.
![Options list control for the `machine.os.keyword` field with the `osx` and `ios` options selected](../../images/kibana-dashboard_controlsOptionsList_8.7.0.png "title =50%")
![Options list control for the `machine.os.keyword` field with the `osx` and `ios` options selected](/explore-analyze/images/kibana-dashboard_controlsOptionsList_8.7.0.png "title =50%")

* [**Range slider**](#create-and-add-options-list-and-range-slider-controls) — Adds a slider that allows to filter the data within a specified range of values. This type of control only works with numeric fields.
For example, if you are using the **[Logs] Web Traffic** dashboard from the sample web logs data, you can add a range slider for the `hour_of_day` field that allows you to display only the log data from 9:00AM to 5:00PM.
![Range slider control for the `hour_of_day` field with a range of `9` to `17` selected](../../images/kibana-dashboard_controlsRangeSlider_8.3.0.png "title =50%")
![Range slider control for the `hour_of_day` field with a range of `9` to `17` selected](/explore-analyze/images/kibana-dashboard_controlsRangeSlider_8.3.0.png "title =50%")

* [**Time slider**](#add-time-slider-controls) — Adds a time range slider that allows to filter the data within a specified range of time, advance the time range backward and forward by a unit that you can define, and animate your change in data over the specified time range.
For example, you are using the **[Logs] Web Traffic** dashboard from the sample web logs data, and the global time filter is **Last 7 days**. When you add the time slider, you can click the previous and next buttons to advance the time range backward or forward, and click the play button to watch how the data changes over the last 7 days.
![Time slider control for the the Last 7 days](../../images/dashboard_timeslidercontrol_8.17.0.gif)
![Time slider control for the the Last 7 days](/explore-analyze/images/dashboard_timeslidercontrol_8.17.0.gif)



Expand All @@ -32,7 +32,7 @@ To add interactive Options list and Range slider controls, create the controls,

1. Open or create a new dashboard.
2. In **Edit** mode, select **Controls** > **Add control** in the dashboard toolbar.
![Controls button in the toolbar with the Add Control option selected](../../images/kibana-dashboard-add-control-8.15.0.png "title =60%")
![Controls button in the toolbar with the Add Control option selected](/explore-analyze/images/kibana-dashboard-add-control-8.15.0.png "title =60%")

3. On the **Create control** flyout, from the **Data view** dropdown, select the data view that contains the field you want to use for the **Control**.
4. In the **Field** list, select the field you want to filter on.
Expand Down Expand Up @@ -77,7 +77,7 @@ You can add one interactive time slider control to a dashboard.

1. Open or create a new dashboard.
2. In **Edit** mode, select **Controls** > **Add time slider control**.
![Controls button in the toolbar with the Add a time slider option selected](../../images/kibana-dashboard-add-time-slider-control-8.15.0.png "title =50%")
![Controls button in the toolbar with the Add a time slider option selected](/explore-analyze/images/kibana-dashboard-add-time-slider-control-8.15.0.png "title =50%")

3. The time slider control uses the time range from the global time filter. To change the time range in the time slider control, [change the global time filter](../query-filter/filtering.md).
4. Save the dashboard. The control can now be used.
Expand All @@ -88,7 +88,7 @@ You can add one interactive time slider control to a dashboard.
Several settings that apply to all controls of the same dashboard are available.

1. In **Edit** mode, select **Controls** > **Settings**.
![Controls button in the toolbar with the Settings option selected](../../images/kibana-dashboard-controls-settings-8.15.0.png "title =60%")
![Controls button in the toolbar with the Settings option selected](/explore-analyze/images/kibana-dashboard-controls-settings-8.15.0.png "title =60%")

2. On the **Control settings** flyout, configure the following settings:

Expand All @@ -113,7 +113,7 @@ Several settings that apply to all controls of the same dashboard are available.

Change the settings for the Options list and Range slider controls.

1. Hover over the control you want to edit, then click ![The Edit control icon that opens the Edit control flyout](../../images/kibana-dashboard_controlsEditControl_8.3.0.png "").
1. Hover over the control you want to edit, then click ![The Edit control icon that opens the Edit control flyout](/explore-analyze/images/kibana-dashboard_controlsEditControl_8.3.0.png "").
2. On the **Edit control** flyout, change the options, then click **Save and close**.

## Add controls from your ES|QL visualization's query [add-esql-control]
Expand All @@ -122,8 +122,8 @@ stack: preview
serverless: preview
```

You can bind controls to your ES|QL visualizations in dashboards. When creating an ES|QL visualization, the autocomplete suggestions
prompt control insertion for field values, field names, function configuration, and function names. This enables controls that only
You can bind controls to your ES|QL visualizations in dashboards. When creating an ES|QL visualization, the autocomplete suggestions
prompt control insertion for field values, field names, function configuration, and function names. This enables controls that only
apply to a specific panel, and exposes visualization configuration such as date histogram interval controls to dashboard users.

:::{note}
Expand Down Expand Up @@ -179,5 +179,5 @@ Currently, only **Options lists** with static values are supported for ES|QL-bas

Remove controls from your dashboard.

1. Hover over the control you want to remove, then click ![The Remove control icon that removes the control from the dashboard](../../images/kibana-dashboard_controlsRemoveControl_8.3.0.png "").
1. Hover over the control you want to remove, then click ![The Remove control icon that removes the control from the dashboard](/explore-analyze/images/kibana-dashboard_controlsRemoveControl_8.3.0.png "").
2. On the **Delete control?** window, click **Delete**.
20 changes: 10 additions & 10 deletions explore-analyze/dashboards/create-dashboard-of-panels-with-ecommerce-data.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ In this tutorial, you’ll use the ecommerce sample data to analyze sales trends

When you’re done, you’ll have a complete overview of the sample web logs data.

:::{image} ../../images/kibana-lens_timeSeriesDataTutorialDashboard_8.3.png
:::{image} /explore-analyze/images/kibana-lens_timeSeriesDataTutorialDashboard_8.3.png
:alt: Final dashboard with eCommerce sample data
:screenshot:
:::
Expand Down Expand Up @@ -47,7 +47,7 @@ To analyze the data with a custom time interval, create a bar chart that shows y

2. To zoom in on the data, click and drag your cursor across the bars.

:::{image} ../../images/kibana-lens_clickAndDragZoom_7.16.gif
:::{image} /explore-analyze/images/kibana-lens_clickAndDragZoom_7.16.gif
:alt: Cursor clicking and dragging across the bars to zoom in on the data
:screenshot:
:::
Expand Down Expand Up @@ -82,7 +82,7 @@ To identify the 75th percentile of orders, add a reference line:

4. Click **Close**.

:::{image} ../../images/kibana-lens_barChartCustomTimeInterval_8.3.png
:::{image} /explore-analyze/images/kibana-lens_barChartCustomTimeInterval_8.3.png
:alt: Orders per day
:screenshot:
:::
Expand Down Expand Up @@ -110,7 +110,7 @@ To copy a function, you drag it to the **Add or drag-and-drop a field** area wit

1. Drag the **95th** field to **Add or drag-and-drop a field** for **Vertical axis**.

:::{image} ../../images/drag-and-drop-a-field-8.16.0.gif
:::{image} /explore-analyze/images/drag-and-drop-a-field-8.16.0.gif
:alt: Easily duplicate the items with drag and drop
:screenshot:
:::
Expand All @@ -120,7 +120,7 @@ To copy a function, you drag it to the **Add or drag-and-drop a field** area wit
4. To create the `50th` and `10th` percentiles, repeat the duplication steps.
5. Open the **Left Axis** menu, select **Custom** from the **Axis title** dropdown, then enter `Percentiles for product prices` in the **Axis title** field.

:::{image} ../../images/kibana-lens_lineChartMultipleDataSeries_7.16.png
:::{image} /explore-analyze/images/kibana-lens_lineChartMultipleDataSeries_7.16.png
:alt: Percentiles for product prices chart
:screenshot:
:::
Expand Down Expand Up @@ -153,14 +153,14 @@ Add a layer to display the customer traffic:
2. In the **Series color** field, enter `#D36086`.
3. Click **Right** for the **Axis side**, then click **Close**.

:::{image} ../../images/kibana-lens_advancedTutorial_numberOfCustomers_8.5.0.png
:::{image} /explore-analyze/images/kibana-lens_advancedTutorial_numberOfCustomers_8.5.0.png
:alt: Number of customers area chart in Lens
:::

4. From the **Available fields** list, drag **order_date** to the **Horizontal Axis** field in the second layer.
5. To change the position of the legend, open the **Legend** menu, then select the **Alignment** arrow that points up.

:::{image} ../../images/kibana-lens_mixedXYChart_7.16.png
:::{image} /explore-analyze/images/kibana-lens_mixedXYChart_7.16.png
:alt: Layer visualization type menu
:screenshot:
:::
Expand Down Expand Up @@ -200,7 +200,7 @@ For each order category, create a filter:
6. Click **Close**.
7. Open the **Legend** menu, then select the **Alignment** arrow that points up.

:::{image} ../../images/kibana-lens_areaPercentageNumberOfOrdersByCategory_8.3.png
:::{image} /explore-analyze/images/kibana-lens_areaPercentageNumberOfOrdersByCategory_8.3.png
:alt: Prices share by category
:screenshot:
:::
Expand Down Expand Up @@ -236,7 +236,7 @@ Filter the results to display the data for only Saturday and Sunday:
4. Click **Close**.
5. Open the **Legend** menu, then click **Hide** next to **Display**.

:::{image} ../../images/kibana-lens_areaChartCumulativeNumberOfSalesOnWeekend_7.16.png
:::{image} /explore-analyze/images/kibana-lens_areaChartCumulativeNumberOfSalesOnWeekend_7.16.png
:alt: Area chart with cumulative sum of orders made on the weekend
:screenshot:
:width: 50%
Expand Down Expand Up @@ -339,7 +339,7 @@ Now that you have a complete overview of your eCommerce sales data, save the das
3. Select **Store time with dashboard**.
4. Click **Save**.

:::{image} ../../images/kibana-lens_timeSeriesDataTutorialDashboard_8.3.png
:::{image} /explore-analyze/images/kibana-lens_timeSeriesDataTutorialDashboard_8.3.png
:alt: Final dashboard with eCommerce sample data
:screenshot:
:::
Expand Down
28 changes: 14 additions & 14 deletions explore-analyze/dashboards/create-dashboard-of-panels-with-web-server-data.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ Learn the most common ways to create a dashboard from your own data. The tutoria

When you’re done, you’ll have a complete overview of the sample web logs data.

:::{image} ../../images/kibana-lens_logsDashboard_8.4.0.png
:::{image} /explore-analyze/images/kibana-lens_logsDashboard_8.4.0.png
:alt: Logs dashboard
:screenshot:
:::
Expand All @@ -35,7 +35,7 @@ Open the visualization editor, then make sure the correct fields appear.
1. On the dashboard, click **Create visualization**.
2. Make sure the **{{kib}} Sample Data Logs** {{data-source}} appears.

:::{image} ../../images/kibana-lens_dataViewDropDown_8.4.0.png
:::{image} /explore-analyze/images/kibana-lens_dataViewDropDown_8.4.0.png
:alt: Data view dropdown
:screenshot:
:::
Expand Down Expand Up @@ -66,14 +66,14 @@ The only number function that you can use with **clientip** is **Unique count**,

1. Open the **Visualization type** dropdown, then select **Metric**.

:::{image} ../../images/kibana-visualization-type-dropdown-8.16.0.png
:::{image} /explore-analyze/images/kibana-visualization-type-dropdown-8.16.0.png
:alt: Visualization type dropdown
:screenshot:
:::

2. From the **Available fields** list, drag **clientip** to the workspace or layer pane.

:::{image} ../../images/kibana-tutorial-unique-count-of-client-ip-8.16.0.png
:::{image} /explore-analyze/images/kibana-tutorial-unique-count-of-client-ip-8.16.0.png
:alt: Metric visualization of the clientip field
:screenshot:
:::
Expand Down Expand Up @@ -125,15 +125,15 @@ To save space on the dashboard, hide the axis labels.

1. Open the **Left axis** menu, then select **None** from the **Axis title** dropdown.

:::{image} ../../images/kibana-line-chart-left-axis-8.16.0.png
:::{image} /explore-analyze/images/kibana-line-chart-left-axis-8.16.0.png
:alt: Left axis menu
:screenshot:
:width: 50%
:::

2. Open the **Bottom axis** menu, then select **None** from the **Axis title** dropdown.

:::{image} ../../images/kibana-line-chart-bottom-axis-8.16.0.png
:::{image} /explore-analyze/images/kibana-line-chart-bottom-axis-8.16.0.png
:alt: Bottom axis menu
:screenshot:
:width: 50%
Expand All @@ -146,7 +146,7 @@ Since you removed the axis labels, add a panel title:
1. Hover over the panel and click ![Settings icon](/explore-analyze/images/kibana-settings-icon-hover-action.png ""). The **Settings** flyout appears.
2. In the **Title** field, enter `Median of bytes`, then click **Apply**.

:::{image} ../../images/kibana-lens_lineChartMetricOverTime_8.4.0.png
:::{image} /explore-analyze/images/kibana-lens_lineChartMetricOverTime_8.4.0.png
:alt: Line chart that displays metric data over time
:screenshot:
:width: 50%
Expand All @@ -167,7 +167,7 @@ The **Top values** function ranks the unique values of a field by another functi

3. Drag **request.keyword** to the workspace.

:::{image} ../../images/kibana-tutorial-top-values-of-field-8.16.0.png
:::{image} /explore-analyze/images/kibana-tutorial-top-values-of-field-8.16.0.png
:alt: Vertical bar chart with top values of request.keyword by most unique visitors
:screenshot:
:width: 50%
Expand All @@ -180,7 +180,7 @@ The chart labels are unable to display because the **request.keyword** field con

1. Open the **Visualization type** dropdown, then select **Table**.

:::{image} ../../images/kibana-table-with-request-keyword-and-client-ip-8.16.0.png
:::{image} /explore-analyze/images/kibana-table-with-request-keyword-and-client-ip-8.16.0.png
:alt: Table with top values of request.keyword by most unique visitors
:screenshot:
:width: 50%
Expand All @@ -192,7 +192,7 @@ The chart labels are unable to display because the **request.keyword** field con
2. In the **Name** field, enter `Page URL`.
3. Click **Close**.

:::{image} ../../images/kibana-lens_tableTopFieldValues_7.16.png
:::{image} /explore-analyze/images/kibana-lens_tableTopFieldValues_7.16.png
:alt: Table that displays the top field values
:screenshot:
:width: 50%
Expand Down Expand Up @@ -240,7 +240,7 @@ To display the values as a percentage of the sum of all values, use the **Pie**

1. Open the **Visualization Type** dropdown, then select **Pie**.

:::{image} ../../images/kibana-lens_pieChartCompareSubsetOfDocs_7.16.png
:::{image} /explore-analyze/images/kibana-lens_pieChartCompareSubsetOfDocs_7.16.png
:alt: Pie chart that compares a subset of documents to all documents
:screenshot:
:width: 50%
Expand Down Expand Up @@ -269,7 +269,7 @@ The distribution of a number can help you find patterns. For example, you can an
4. From the **Available fields** list, drag **hour_of_day** to **Horizontal axis** field in the layer pane.
5. In the layer pane, click **hour_of_day**, then slide the **Intervals granularity** slider until the horizontal axis displays hourly intervals.

:::{image} ../../images/kibana-lens_barChartDistributionOfNumberField_7.16.png
:::{image} /explore-analyze/images/kibana-lens_barChartDistributionOfNumberField_7.16.png
:alt: Bar chart that displays the distribution of a number field
:screenshot:
:width: 60%
Expand Down Expand Up @@ -329,7 +329,7 @@ Remove the documents that do not match the filter criteria:
1. In the layer pane, click **Top 3 values of geo.srcdest**.
2. Click **Advanced**, deselect **Group other values as "Other"**, then click **Close**.

:::{image} ../../images/kibana-lens_treemapMultiLevelChart_7.16.png
:::{image} /explore-analyze/images/kibana-lens_treemapMultiLevelChart_7.16.png
:alt: Treemap visualization
:screenshot:
:width: 50%
Expand All @@ -354,7 +354,7 @@ Decrease the size of the following panels, then move the panels to the first row
* **Sum of bytes from large requests**
* **Website traffic**

:::{image} ../../images/kibana-lens_logsDashboard_8.4.0.png
:::{image} /explore-analyze/images/kibana-lens_logsDashboard_8.4.0.png
:alt: Logs dashboard
:screenshot:
:::
Expand Down
2 changes: 1 addition & 1 deletion explore-analyze/dashboards/create-dashboard.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ mapped_pages:
* **Add from library**. Select existing content that has already been configured and saved to the **Visualize Library**.
* [**Controls**](add-controls.md). Add controls to help filter the content of your dashboard.

![Options to add content to your dashboard](../../images/kibana-add_content_to_dashboard_8.15.0.png "title =60%")
![Options to add content to your dashboard](/explore-analyze/images/kibana-add_content_to_dashboard_8.15.0.png "title =60%")

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