[DOCS] Adds the Vis Editor 8.3 docs (#134115)

* [DOCS] Adds the Vis Editor 8.3 docs

* Updates screenshots and UI labels

* Update docs/user/dashboard/lens.asciidoc

Co-authored-by: Stratoula Kalafateli <stratoula1@gmail.com>

* Review comments

* Removes duplicate image

* Review comment

Co-authored-by: Stratoula Kalafateli <stratoula1@gmail.com>

docs/management/advanced-options.asciidoc

@@ -215,7 +215,7 @@ When enabled, provides access to the experimental *Labs* features for *Canvas*.
 
 [[labs-dashboard-defer-below-fold]]`labs:dashboard:deferBelowFold`::
 When enabled, the panels that appear below the fold are loaded when they become visible on the dashboard.
-_Below the fold_ refers to panels that are not immediately visible when you open a dashboard, but become visible as you scroll. For additional information, refer to <<defer-loading-panels-below-the-fold,Improve dashboard loading time>>.
+_Below the fold_ refers to panels that are not immediately visible when you open a dashboard, but become visible as you scroll. For additional information, refer to <<dashboard-troubleshooting,Improve dashboard loading time>>.
 
 [[labs-dashboard-enable-ui]]`labs:dashboard:enable_ui`::
 When enabled, provides access to the experimental *Labs* features for *Dashboard*.

docs/user/dashboard/aggregation-based.asciidoc

@@ -172,7 +172,7 @@ To create the bar chart, add a <<bucket-aggregations,bucket aggregation>>, then
 .. Click *Update*.
 +
 [role="screenshot"]
-image:images/bar-chart-tutorial-1.png[Bar chart with sample logs data]
+image:images/aggBased_barChartTutorial1_8.3.png[Bar chart with sample logs data]
 
 . To show the top five log traffic sources, add a sub-bucket aggregation.
 
@@ -187,7 +187,7 @@ TIP: Aggregation-based panels support a maximum of three *Split series*.
 .. Click *Update*.
 +
 [role="screenshot"]
-image:images/bar-chart-tutorial-2.png[Bar chart with sample logs data]
+image:images/aggBased_barChartTutorial2_8.3.png[Bar chart with sample logs data]
 
 [float]
 [[save-the-aggregation-based-panel]]

docs/user/dashboard/dashboard-troubleshooting.asciidoc

@@ -1,14 +1,5 @@
 [[dashboard-troubleshooting]]
-== Dashboard and visualizations troubleshooting
-++++
-<titleabbrev>Troubleshooting</titleabbrev>
-++++
-
-Find solutions to common dashboard and visualization issues.
-
-[float]
-[[defer-loading-panels-below-the-fold]]
-=== Improve dashboard loading time
+== Improve dashboard loading time
 
 To improve the dashboard loading time, enable *Defer loading panels below the fold* *Lab*, which loads dashboard panels as they become visible on the dashboard.
 
@@ -26,44 +17,3 @@ To enable *Labs*, contact your administrator, or configure the <<presentation-la
 
 . Click *Close*.
 
-[float]
-[[migrate-timelion-app-worksheets]]
-=== Migrate Timelion app worksheets
-
-deprecated::[The *Timelion* app is deprecated in 7.0.0, and will be removed in 7.16.0. To prepare for the removal of *Timelion* app, you must migrate *Timelion* app worksheets to a dashboard.
-
-. Open the main menu, then click *Dashboard*.
-
-. On the *Dashboards* page, click *Create dashboard*.
-
-. For each *Timelion* app worksheet, create a visualization with the *Timelion* editor.
-
-.. On the dashboard, click *All types > Aggregation based*, then select *Timelion*.
-
-.. In your browser, open a new tab, the open the *Timelion* app.
-
-.. Select the chart you want to copy, then copy the chart expression.
-+
-[role="screenshot"]
-image::images/timelion-copy-expression.png[Timelion app chart]
-
-.. Go to the *Timelion* editor, paste the chart expression in the *Timelion expression* field, then click *Update*.
-+
-[role="screenshot"]
-image::images/timelion-vis-paste-expression.png[Timelion advanced editor UI]
-
-. Save the visualization.
-
-.. In the toolbar, click *Save to library*.
-
-.. Enter the *Title* and add any applicable <<managing-tags,*Tags*>>.
-
-.. Make sure that *Add to Dashboard after saving* is selected.
-
-.. Click *Save and return*.
-+
-The Timelion visualization panel appears on the dashboard.
-+
-[role="screenshot"]
-image::user/dashboard/images/timelion-dashboard.png[Final dashboard with saved Timelion app worksheet]
-

docs/user/dashboard/dashboard.asciidoc

@@ -337,6 +337,8 @@ Apply a set of design options to the entire dashboard.
 
 * *Sync color pallettes across panels* — Applies the same color palette to all panels on the dashboard.
 
+* *Sync tooltips across panels* — When you hover your cursor over a *Lens*, *TSVB*, aggregation-based, or *Timelion* XY chart, the tooltips on all other related dashboard charts automatically appear.
+
 [float]
 [[save-dashboards]]
 == Save dashboards

docs/user/dashboard/lens-advanced.asciidoc

@@ -6,7 +6,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. 
 
 [role="screenshot"]
-image::images/lens_timeSeriesDataTutorialDashboard_7.16.png[Final dashboard with ecommerce sample data]
+image::images/lens_timeSeriesDataTutorialDashboard_8.3.png[Final dashboard with ecommerce sample data]
 
 Before you begin, you should be familiar with the <<kibana-concepts-analysts>>.
 
@@ -34,7 +34,7 @@ Open the visualization editor, then make sure the correct fields appear.
 
 . On the dashboard, click *Create visualization*.
 
-. Make sure the *kibana_sample_data_ecommerce* {data-source} appears, then set the <<set-time-filter,time filter>> to *Last 30 days*.
+. Make sure the *Kibana Sample Data eCommerce* {data-source} appears, then set the <<set-time-filter,time filter>> to *Last 30 days*.
 
 [discrete]
 [[custom-time-interval]]
@@ -55,7 +55,7 @@ image::images/lens_clickAndDragZoom_7.16.gif[Cursor clicking and dragging across
 
 . In the layer pane, click *Count of Records*.
 
-.. In the *Display name* field, enter `Number of orders`.
+.. In the *Name* field, enter `Number of orders`.
 
 .. Click *Add advanced options > Normalize by unit*. 
 
@@ -63,7 +63,7 @@ image::images/lens_clickAndDragZoom_7.16.gif[Cursor clicking and dragging across
 +
 *Normalize unit* converts *Average sales per 12 hours* into *Average sales per 12 hours (per hour)* by dividing the number of hours.
 
-. To hide the *Horizontal axis* label, open the *Bottom Axis* menu, then deselect *Show*.
+. To hide the *Horizontal axis* label, open the *Bottom Axis* menu, then select *None* from the *Axis title* dropdown.
 
 To identify the 75th percentile of orders, add a reference line:
 
@@ -71,13 +71,17 @@ To identify the 75th percentile of orders, add a reference line:
 
 . Click *Static value*.
 
-. Click the *Percentile* function, then enter `75` in the *Percentile* field. 
+.. Click *Quick functions*, then click *Percentile*.
+
+.. From the *Field* dropdown, select *total_quantity*.
+
+.. In the *Percentile* field, enter `75`.
 
 . Configure the display options.
 
-.. In the *Display name* field, enter `75th`.
+.. In the *Name* field, enter `75th`.
 
-.. Select *Show display name*.
+.. To display the name, select *Name* from *Text decoration*.
 
 .. From the *Icon* dropdown, select *Tag*.
 
@@ -86,7 +90,7 @@ To identify the 75th percentile of orders, add a reference line:
 . Click *Close*.
 +
 [role="screenshot"]
-image::images/lens_barChartCustomTimeInterval_7.16.png[Orders per day]
+image::images/lens_barChartCustomTimeInterval_8.3.png[Orders per day]
 
 . Click *Save and return*.
 
@@ -110,7 +114,7 @@ Create the 95th price distribution percentile:
 
 . Click the *Percentile* function.
 
-. In the *Display name* field, enter `95th`, then click *Close*.
+. In the *Name* field, enter `95th`, then click *Close*.
 
 To copy a function, you drag it to the *Drop a field or click to add* field within the same group. To create the 90th percentile, duplicate the `95th` percentile:
 
@@ -121,11 +125,11 @@ image::images/lens_advanced_2_2.gif[Easily duplicate the items with drag and dro
 
 . Click *95th [1]*, then enter `90` in the *Percentile* field.
 
-. In the *Display name* field enter `90th`, then click *Close*.
+. In the *Name* field enter `90th`, then click *Close*.
 
 . To create the `50th` and `10th` percentiles, repeat the duplication steps.
 
-. Open the *Left Axis* menu, then enter `Percentiles for product prices` in the *Axis name* field.
+. Open the *Left Axis* menu, select *Custom* from the *Axis title* dropdown, then enter `Percentiles for product prices` in the *Axis title* field.
 +
 [role="screenshot"]
 image::images/lens_lineChartMultipleDataSeries_7.16.png[Percentiles for product prices chart]
@@ -148,7 +152,7 @@ To analyze multiple visualization types, create an area chart that displays the
 
 .. Click the *Average* function.
 
-.. In the *Display name* field, enter `Average price`, then click *Close*.
+.. In the *Name* field, enter `Average price`, then click *Close*.
 
 . Open the *Visualization type* dropdown, then select *Area*.
 
@@ -160,7 +164,7 @@ Add a layer to display the customer traffic:
 
 . In the layer pane, click *Unique count of customer_id*.
 
-.. In the *Display name* field, enter `Number of customers`.
+.. In the *Name* field, enter `Number of customers`.
 
 .. In the *Series color* field, enter *#D36086*.
 
@@ -223,7 +227,7 @@ For each order category, create a filter:
 . Open the *Legend* menu, then select the *Alignment* arrow that points up.
 +
 [role="screenshot"]
-image::images/lens_areaPercentageNumberOfOrdersByCategory_7.16.png[Prices share by category]
+image::images/lens_areaPercentageNumberOfOrdersByCategory_8.3.png[Prices share by category]
 
 . Click *Save and return*.
 
@@ -245,7 +249,7 @@ Configure the cumulative sum of store orders:
 
 . Click the *Cumulative sum* function.
 
-. In the *Display name* field, enter `Cumulative weekend orders`, then click *Close*.
+. In the *Name* field, enter `Cumulative weekend orders`, then click *Close*.
 
 Filter the results to display the data for only Saturday and Sunday:
 
@@ -261,7 +265,7 @@ Filter the results to display the data for only Saturday and Sunday:
 +
 The <<kuery-query,KQL filter>> displays all documents where `day_of_week` matches `Saturday` or `Sunday`.
 
-. Open the *Legend* menu, then click *Hide*.
+. Open the *Legend* menu, then click *Hide* next to *Display*.
 +
 [role="screenshot"]
 image::images/lens_areaChartCumulativeNumberOfSalesOnWeekend_7.16.png[Area chart with cumulative sum of orders made on the weekend]
@@ -318,7 +322,7 @@ To compare time range changes as a percent, create a bar chart that compares the
 
 . Open the *Value format* dropdown, select *Percent*, then enter `0` in the *Decimals* field.
 
-. In the *Display name* field, enter `Percent of change`, then click *Close*.
+. In the *Name* field, enter `Percent of change`, then click *Close*.
 +
 [role="screenshot"]
 image::images/lens_percent_chage.png[Bar chart with percent change in sales between the current time and the previous week]
@@ -341,17 +345,15 @@ Create a date histogram table and group the customer count metric by category, s
 
 .. In the layer pane, click *Unique count of customer_id*.
 
-.. In the *Display name* field, enter `Customers`, then click *Close*.
+.. In the *Name* field, enter `Customers`, then click *Close*.
 
 . From the *Available fields* list, drag *order_date* to the *Rows* field in the layer pane.
 
 .. In the layer pane, click the *order_date*.
 
-.. Select *Customize time interval*.
+.. In the *Minimum interval* field, enter *1d*.
 
-.. Change the *Minimum interval* to *1 days*.
-
-.. In the *Display name* field, enter `Sales`, then click *Close*.
+.. In the *Name* field, enter `Sales`, then click *Close*.
 
 To split the metric, add columns for each continent using the *Columns* field:
 
@@ -376,4 +378,4 @@ Now that you have a complete overview of your ecommerce sales data, save the das
 . Click *Save*.
 
 [role="screenshot"]
-image::images/lens_timeSeriesDataTutorialDashboard_7.16.png[Final dashboard with ecommerce sample data]
+image::images/lens_timeSeriesDataTutorialDashboard_8.3.png[Final dashboard with ecommerce sample data]

docs/user/dashboard/lens.asciidoc

@@ -40,7 +40,7 @@ If you already know the visualization type you want to use, and how you want to
 
 Choose the visualization type. 
 
-. Before you drag fields to the workspace, open the *Chart type* dropdown, then select the visualization type.  
+. Before you drag fields to the workspace, open the *Visualization type* dropdown, then select the visualization you want to use.  
 
 . To view more visualizations that *Lens* automatically created for the fields, click *Suggestions*. If one of the *Suggestions* meets your visualization needs, click *Save and return* to add it to the dashboard.
 
@@ -66,14 +66,14 @@ TIP: You can manually apply the changes you make, which is helpful when creating
 
 Change the fields list to display a different {data-source}, different time range, or add your own fields.
 
-* To create a visualization with fields in a different {data-source}, open the *Data view* dropdown, then select the {data-source}. 
+* To create a visualization with fields in a different {data-source}, open the {data-source} dropdown, then select the {data-source}. 
 
 * If the fields list is empty, change the <<set-time-filter,time filter>>.
 
-* To add fields, open the action menu (*...*) next to the *Data view* dropdown, then select *Add field to {data-source}*.
+* To add fields, open the {data-source} dropdown, then select *Add a field to this {data-source}*.
 +
 [role="screenshot"]
-image:images/runtime-field-menu.png[Dropdown menu located next to {data-source} field with items for adding and managing fields, width=50%]
+image:images/lens_dataViewDropDown_8.3.png[Dropdown menu located next to {data-source} field with items for adding and managing fields]
 +
 For more information about adding fields to {data-sources} and examples, refer to <<runtime-fields>>.
 
@@ -83,7 +83,7 @@ For more information about adding fields to {data-sources} and examples, refer t
 
 Tables are highly customizable, and provide you with text alignment, value formatting, coloring options, and more.
 
-. From the *Chart type* dropdown, select *Table*. 
+. From the *Visualization type* dropdown, select *Table*. 
 
 . Drag the fields you want to visualize to the workspace. 
 
@@ -91,9 +91,9 @@ Tables are highly customizable, and provide you with text alignment, value forma
 +
 All columns that belong to the same layer pane group are sorted in the table.
 
-. To change the display options, click a *Metrics* field, then configure the following options:
+. To change the display options, click a *Metrics* field in the layer pane, then configure the following options:
 
-* *Display name* &mdash; Specifies the field display name. 
+* *Name* &mdash; Specifies the field display name. 
 
 * *Value format* &mdash; Specifies how the field value displays in the table. 
 
@@ -111,9 +111,6 @@ All columns that belong to the same layer pane group are sorted in the table.
 
 To use a keyboard instead of a mouse, use the *Lens* fully accessible and continuously improved drag system.
 
-[role="screenshot"]
-image::images/lens_drag_drop_1.gif[Presented Lens drag and drop]
-
 . Select the field in the fields list or layer pane. Most fields have an inner and outer select state. The inner state opens a panel with detailed information or options. 
 The outer state allows you to drag the field. Tab through the fields until you get the outer state on the field.
 +
@@ -197,7 +194,13 @@ image::images/lens_annotations_8.2.0.png[Lens annotations]
 
 . To open the annotation options, click *Event*.
 
-. Specify the *Annotation date*, then change the *Appearance* options you want to display.
+. Specify the *Annotation date*.
+
+. To display the annotation as a time range, select *Apply as range*, then specify the *From* and *To* time range.
+
+. Enter the annotation *Name*.
+
+. Change the *Appearance* options for how you want the annotation to display.
 
 . Click *Close*.
 

docs/user/dashboard/make-dashboards-interactive.asciidoc

@@ -172,12 +172,14 @@ To use saved search interactions, open the panel menu, then click *More > View s
 
 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. 
 
-There are two types of drilldowns you can add to dashboards:
+There are three types of drilldowns you can add to dashboards:
 
-* *Dashboard* — Navigates you from one dashboard to another dashboard. For example, when can create a drilldown for a *Lens* panel that navigates you from a summary dashboard to a dashboard with a filter for a specific host name.
+* *Dashboard* — Navigates you from one dashboard to another dashboard. For example, create a drilldown for a *Lens* panel that navigates you from a summary dashboard to a dashboard with a filter for a specific host name.
 
 * *URL* — Navigates you from a dashboard to an external website. For example, a website with the specific host name as a parameter. 
 
+* *Discover* — Navigates you from a *Lens* dashboard panel to *Discover*. For example, create a drilldown for a *Lens* visualization that opens the visualization data in *Discover* for further exploration. 
+
 Third-party developers can create drilldowns. To learn how to code drilldowns, refer to {kib-repo}blob/{branch}/x-pack/examples/ui_actions_enhanced_examples[this example plugin].
 
 [float]
@@ -189,7 +191,7 @@ Dashboard drilldowns enable you to open a dashboard from another dashboard, taki
 For example, if you have a dashboard that shows the logs and metrics for multiple data centers, you can create a drilldown that navigates from the dashboard that shows multiple data centers, to a dashboard that shows a single data center or server.
 
 [role="screenshot"]
-image:images/drilldown_on_data_table.gif[Drilldown on data table that navigates to another dashboard]
+image:images/dashboard_drilldownOnDataTable_8.3.gif[Drilldown on data table that navigates to another dashboard]
 
 The panels you create using the following editors support dashboard drilldowns:
 
@@ -220,7 +222,7 @@ Use the <<gs-get-data-into-kibana,*Sample web logs*>> data to create a dashboard
 +
 [%hardbreaks]
 Search: `extension.keyword: ("gz" or "css" or "deb")`
-Filter: `geo.src: CN`
+Filter: `geo.src: US`
 
 [float]
 ===== Create the dashboard drilldown
@@ -244,7 +246,7 @@ Create a drilldown that opens the *Detailed logs* dashboard from the *[Logs] Web
 . In the data table panel, hover over a value, click *+*, then select `View details`.
 +
 [role="screenshot"]
-image::images/drilldown_on_panel.png[Drilldown on data table that navigates to another dashboard]
+image::images/dashboard_drilldownOnPanel_8.3.png[Drilldown on data table that navigates to another dashboard]
 
 [float]
 [[url-drilldowns]]
@@ -253,7 +255,7 @@ image::images/drilldown_on_panel.png[Drilldown on data table that navigates to a
 URL drilldowns enable you to navigate from a dashboard to external websites. Destination URLs can be dynamic, depending on the dashboard context or user interaction with a panel. To create URL drilldowns, you add <<variables,variables>> to a URL template, which configures the behavior of the drilldown. All panels that you create with the visualization editors support dashboard drilldowns.
 
 [role="screenshot"]
-image:images/url_drilldown_go_to_github.gif[Drilldown on pie chart that navigates to Github]
+image:images/dashboard_urlDrilldownGoToGitHub_8.3.gif[Drilldown on pie chart that navigates to Github]
 
 Some panels support multiple interactions, also known as triggers. 
 The <<url-template-variables,variables>> you use to create a <<url_templating-language, URL template>> depends on the trigger you choose. URL drilldowns support these types of triggers:
@@ -269,7 +271,7 @@ For example, *Single click* has `{{event.value}}` and *Range selection* has `{{e
 
 For example, if you have a dashboard that shows data from a Github repository, you can create a URL drilldown that opens Github from the dashboard panel.
 
-. Add the *Sample web logs* data.
+. Add the <<gs-get-data-into-kibana,*Sample web logs*>> data.
 
 . Open the *[Logs] Web Traffic* dashboard.
 
@@ -277,13 +279,11 @@ For example, if you have a dashboard that shows data from a Github repository, y
 
 . Create a donut chart
 
-.. In the toolbar, click *Edit*.
-
 .. Click *Create visualization*.
 
 .. From the *Chart type* dropdown, select *Donut*.
 
-.. From the *Available fields* list, drag and drop the *machine.os.keyword* field onto the visualization builder.
+.. From the *Available fields* list, drag *machine.os.keyword* to the workspace.
 
 .. Click *Save and return*.
 
@@ -311,12 +311,47 @@ https://github.com/elastic/kibana/issues?q=is:issue+is:open+{{event.value}}
 . On the donut chart panel, click any chart slice, then select *Show on Github*.
 +
 [role="screenshot"]
-image:images/url_drilldown_popup.png[URL drilldown popup]
+image:images/dashboard_urlDrilldownPopup_8.3.png[URL drilldown popup]
 
 . In the list of {kib} repository issues, verify that the slice value appears.
 +
 [role="screenshot"]
-image:images/url_drilldown_github.png[Github]
+image:images/dashboard_urlDrilldownGithub_8.3.png[Open ios issues in the elastic/kibana repository on Github]
+
+[float]
+[[discover-drilldowns]]
+==== Create Discover drilldowns
+
+Discover drilldowns enable you to open *Discover* from a *Lens* dashboard panel, taking the time range, filters, and other parameters with you so the context remains the same.
+
+For example, when you create a Discover drilldown for a pie chart, you can click a slice in the pie chart, and only the documents for the slice appear in *Discover*. 
+
+[role="screenshot"]
+image:images/dashboard_discoverDrilldown_8.3.gif[Drilldown on bar vertical stacked chart that navigates to Discover]
+
+NOTE: Discover drilldowns are supported only by *Lens* panels. To open all of the *Lens* dashboard panel data in *Discover*, check <<explore-the-underlying-documents, Open panel data in Discover>>.
+
+[float]
+===== Create the Discover drilldown
+
+Create a drilldown that opens *Discover* from the <<gs-get-data-into-kibana,*Sample web logs*>> data *[Logs] Web Traffic* dashboard.
+
+. Click *Edit*, open the panel menu for the *[Logs] Bytes distribution* bar vertical stacked chart, then select *Create drilldown*.
+
+. Click *Open in Discover*.
+
+. Give the drilldown a name. For example, `View bytes distribution in Discover`.
+
+. To open the Discover drilldown in a new tab, select *Open in new tab*.
+
+. Click *Create drilldown*.
+
+. Save the dashboard.
+
+. On the *[Logs] Bytes distribution* bar vertical stacked chart, click a bar, then select *View bytes distribution in Discover*.
++
+[role="screenshot"]
+image::images/dashboard_discoverDrilldown_8.3.png[Drilldown on bar vertical stacked chart that navigates to Discover]
 
 [float]
 [[manage-drilldowns]]

docs/user/dashboard/timelion.asciidoc

@@ -13,8 +13,6 @@ The syntax enables some features that classical point series charts don't offer,
 [role="screenshot"]
 image:dashboard/images/timelion.png[Timelion]
 
-deprecated::[7.0.0,"*Timelion* is still supported. The *Timelion app* is deprecated in 7.0, replaced by dashboard features. In 7.16 and later, the *Timelion app* is removed from {kib}. To prepare for the removal of *Timelion app*, you must migrate *Timelion app* worksheets to a dashboard. For information on how to migrate *Timelion app* worksheets, refer to <<migrate-timelion-app-worksheets,Migrate Timelion app worksheets>>."]
-
 [float]
 ==== Timelion expressions
 

docs/user/dashboard/tutorial-create-a-dashboard-of-lens-panels.asciidoc

@@ -8,7 +8,7 @@ at website logs, but this type of dashboard works on any type of data.
 When you're done, you'll have a complete overview of the sample web logs data. 
 
 [role="screenshot"]
-image::images/lens_logsDashboard_7.16.png[Logs dashboard]
+image::images/lens_logsDashboard_8.3.png[Logs dashboard]
 
 Before you begin, you should be familiar with the <<kibana-concepts-analysts>>.
 
@@ -38,10 +38,10 @@ Open the visualization editor, then make sure the correct fields appear.
 
 . On the dashboard, click *Create visualization*.
 
-. Make sure the *kibana_sample_data_logs* index appears.
+. Make sure the *kibana_sample_data_logs* data view appears.
 +
 [role="screenshot"]
-image::images/lens_dataViewDropDown_8.0.png[Data view dropdown]
+image::images/lens_dataViewDropDown_8.3.png[Data view dropdown]
 
 To create the visualizations in this tutorial, you'll use the following fields:
 
@@ -79,12 +79,9 @@ In the layer pane, *Unique count of clientip* appears because the editor automat
 
 . In the layer pane, click *Unique count of clientip*.
 
-.. In the *Display name* field, enter `Unique visitors`.
+.. In the *Name* field, enter `Unique visitors`.
 
 .. Click *Close*.
-+
-[role="screenshot"]
-image::images/lens_metricUniqueVisitors_7.16.png[Metric visualization that displays number of unique visitors]
 
 . Click *Save and return*.
 +
@@ -122,23 +119,21 @@ To increase the minimum time interval:
 
 . In the layer pane, click *timestamp*.
 
-. Select *Customize time interval*.
-
-. Change the *Minimum interval* to *1 days*, then click *Close*.
+. Change the *Minimum interval* to *1d*, then click *Close*.
 +
-You can increase and decrease the minimum interval, but you are unable to decrease the interval below the <<advanced-options,*Advanced Settings*>>. 
+You can increase and decrease the minimum interval, but you are unable to decrease the interval below the configured <<advanced-options,*Advanced Settings*>>. 
 
 To save space on the dashboard, hide the axis labels.
 
-. Open the *Left axis* menu, then deselect *Show*.
+. Open the *Left axis* menu, then select *None* from the *Axis title* dropdown.
 +
 [role="screenshot"]
-image::images/lens_leftAxisMenu_7.16.png[Left axis menu]
+image::images/lens_lineChartMetricOverTimeLeftAxis_8.3.png[Left axis menu]
 
-. Open the *Bottom axis* menu, then deselect *Show*.
+. Open the *Bottom axis* menu, then select *None* from the *Axis title* dropdown.
 +
 [role="screenshot"]
-image::images/lens_lineChartMetricOverTime_7.16.png[Line chart that displays metric data over time]
+image::images/lens_lineChartMetricOverTimeBottomAxis_8.3.png[Line chart that displays metric data over time]
 
 . Click *Save and return*
 
@@ -183,7 +178,7 @@ image::images/lens_end_to_end_2_1_2.png[Table with top values of request.keyword
 
 .. In the *Number of values* field, enter `10`.
 
-.. In the *Display name* field, enter `Page URL`.
+.. In the *Name* field, enter `Page URL`.
 
 .. Click *Close*.
 +
@@ -204,7 +199,9 @@ Create a proportional visualization that helps you determine if your users trans
 
 . From the *Available fields* list, drag *bytes* to the *Vertical axis* field in the layer pane.
 
-. Click *Median of bytes*, click the *Sum* function, then click *Close*.
+. In the layer pane, click *Median of bytes*. 
+
+. Click the *Sum* function, then click *Close*.
 
 . From the *Available fields* list, drag *bytes* to the *Break down by* field in the layer pane.
 
@@ -261,7 +258,7 @@ The distribution of a number can help you find patterns. For example, you can an
 
 .. Click the *Sum* function.
 
-.. In the *Display name* field, enter `Transferred bytes`.
+.. In the *Name* field, enter `Transferred bytes`.
 
 .. From the *Value format* dropdown, select *Bytes (1024)*, then click *Close*.
 
@@ -292,11 +289,11 @@ Add a panel title:
 
 . From the *Available fields* list, drag *Records* to the *Size by* field in the layer pane. 
 
-. In the editor, click *Add or drag-and-drop a field* for *Group by*.
+. In the layer pane, click *Add or drag-and-drop a field* for *Group by*.
 
 Create a filter for each website traffic source:
 
-. From *Select a function*, click *Filters*.
+. Click the *Filters* function.
 
 . Click *All records*, enter the following in the query bar, then press Return:
 
@@ -331,7 +328,7 @@ Remove the documents that do not match the filter criteria:
 
 . In the layer pane, click *Top values of geo.srcdest*.
 
-. Click *Advanced*, then deselect *Group other values as "Other"*, the click *Close*.
+. Click *Advanced*, deselect *Group other values as "Other"*, then click *Close*.
 +
 [role="screenshot"]
 image::images/lens_treemapMultiLevelChart_7.16.png[Treemap visualization]
@@ -361,7 +358,7 @@ Decrease the size of the following panels, then move the panels to the first row
 * *Website traffic*
 +
 [role="screenshot"]
-image::images/lens_logsDashboard_7.16.png[Logs dashboard]
+image::images/lens_logsDashboard_8.3.png[Logs dashboard]
 
 [discrete]
 === Save the dashboard