[7.x] [DOCS] Refreshes Lens docs for 7.10 (#79684) (#79723)

* [DOCS] Refreshes Lens docs for 7.10 * Compresses png files
elastic · Oct 8, 2020 · dfff9fc · dfff9fc
1 parent 306b002
commit dfff9fc
Show file tree

Hide file tree

Showing 18 changed files with 22 additions and 21 deletions.
diff --git a/docs/user/dashboard/dashboard.asciidoc b/docs/user/dashboard/dashboard.asciidoc
@@ -209,18 +209,18 @@ visualization, configure the customization options for your visualization.
 
 The data fields that are displayed are based on the selected <<index-patterns,index pattern>> and the <<set-time-filter,time filter>>.
 
-To view the data fields in a different index pattern, click the index pattern, then select a new one. The data fields automatically update.
+To view the data fields in a different index pattern, click the *Change Index Pattern* dropdown, then select a new one.
 
 To filter the data fields:
 
-* Enter the name in the *Search field names*.
-* Click *Field by type*, then select the filter. To show all fields in the index pattern, deselect *Only show fields with data*.
+* Enter the data field name in *Search field names*.
+* Click *Field filters*, then select the filter.
 
 [float]
 [[view-data-summaries]]
-==== View data summaries
+==== View data field summaries
 
-To help you decide exactly the data you want to display, get a quick summary of each field. The summary shows the distribution of
+To help you decide exactly the data you want to display, get a quick summary of each data field. The summary shows the distribution of
 values within the specified time range.
 
 To view the data field summary information, navigate to the field, then click *i*.
@@ -252,11 +252,9 @@ When there is an exclamation point (!) next to a visualization type, *Lens* is u
 
 For each visualization type, you can customize the aggregation and labels. The options available depend on the selected visualization type.
 
-. Click a data field name in the editor, or click *Drop a field here*.
-. Change the options that appear.
-+
-[role="screenshot"]
-image::images/lens_aggregation_labels.png[Quick function options]
+. From the editor, click a data field, or click *Drop a field or click to add*.
+
+. Change the options, then click *Close*.
 
 [float]
 [[add-layers-and-indices]]

diff --git a/docs/user/dashboard/images/lens_aggregation_labels.png b/docs/user/dashboard/images/lens_aggregation_labels.png
diff --git a/docs/user/dashboard/images/lens_drag_drop.gif b/docs/user/dashboard/images/lens_drag_drop.gif
diff --git a/docs/user/dashboard/images/lens_index_pattern.png b/docs/user/dashboard/images/lens_index_pattern.png
diff --git a/docs/user/dashboard/images/lens_layers.png b/docs/user/dashboard/images/lens_layers.png
diff --git a/docs/user/dashboard/images/lens_suggestions.gif b/docs/user/dashboard/images/lens_suggestions.gif
diff --git a/docs/user/dashboard/images/lens_tutorial_1.png b/docs/user/dashboard/images/lens_tutorial_1.png
diff --git a/docs/user/dashboard/images/lens_tutorial_2.png b/docs/user/dashboard/images/lens_tutorial_2.png
diff --git a/docs/user/dashboard/images/lens_tutorial_3.1.png b/docs/user/dashboard/images/lens_tutorial_3.1.png
diff --git a/docs/user/dashboard/images/lens_tutorial_3.2.png b/docs/user/dashboard/images/lens_tutorial_3.2.png
diff --git a/docs/user/dashboard/images/lens_tutorial_3.png b/docs/user/dashboard/images/lens_tutorial_3.png
diff --git a/docs/user/dashboard/images/lens_viz_types.png b/docs/user/dashboard/images/lens_viz_types.png
diff --git a/docs/user/dashboard/tutorials.asciidoc b/docs/user/dashboard/tutorials.asciidoc
@@ -6,13 +6,13 @@ Learn how to use *Lens*, *Vega*, and *Timelion* by going through one of the step
 [[lens-tutorial]]
 === Compare sales over time with Lens
 
-Ready to create your own visualization with Lens? Use the following tutorial to create a visualization that lets you compare sales over time.
+Ready to create your own visualization with *Lens*? Use the following tutorial to create a visualization that lets you compare sales over time.
 
 [float]
 [[lens-before-begin]]
 ==== Before you begin
 
-To start, you'll need to add the <<add-sample-data, sample ecommerce data>>.
+To start, add the <<add-sample-data, sample ecommerce data>>.
 
 [float]
 ==== Build the visualization
@@ -23,16 +23,16 @@ Drag and drop your data onto the visualization builder pane.
 
 . Click image:images/time-filter-calendar.png[], then click *Last 7 days*. 
 +
-The fields in the data panel update.
+The *Available fields* automatically update.
 
 . Drag and drop the *taxful_total_price* data field to the visualization builder pane.
 +
 [role="screenshot"]
 image::images/lens_tutorial_1.png[Lens tutorial]
 
-To display the average order prices over time, *Lens* automatically added in *order_date* field.
+To display the average order prices over time, *Lens* automatically added *order_date* to the *X-axis*.
 
-To break down your data, drag the *category.keyword* field to the visualization builder pane. Lens
+To break down your data, drag and drop the *category.keyword* field to the visualization builder pane. Lens
 knows that you want to show the top categories and compare them across the dates,
 and creates a chart that compares the sales for each of the top three categories:
 
@@ -45,30 +45,33 @@ image::images/lens_tutorial_2.png[Lens tutorial]
 
 Make your visualization look exactly how you want with the customization options.
 
-. Click *Average of taxful_total_price*, then change the *Label* to `Sales`.
+. Click *Average of taxful_total_price*, then change the *Display name* to Sales.
 +
 [role="screenshot"]
 image::images/lens_tutorial_3.1.png[Lens tutorial]
 
+. Click *Close*.
+
 . Click *Top values of category.keyword*, then change *Number of values* to `10`.
 +
 [role="screenshot"]
 image::images/lens_tutorial_3.2.png[Lens tutorial]
+
+. Click *Close*.
 +
 The visualization updates to show there are only six available categories.
-+
-Look at the *Suggestions*. An area chart is not an option, but for the sales data, a stacked area chart might be the best option.
 
-. To switch the chart type, click *Stacked bar chart* in the column, then click *Stacked area* from the *Select a visualizations* window.
+. Look at the *Suggestions*. An area chart is not an option, but for the sales data, a stacked area chart might be the best option. 
+To switch the chart type, click *Stacked bar chart*, then click *Stacked area* from the *Select a visualization* dropdown.
 +
 [role="screenshot"]
 image::images/lens_tutorial_3.png[Lens tutorial]
 
 [float]
 [[lens-tutorial-next-steps]]
-==== Next steps
+==== What's next?
 
-Now that you've created your visualization, you can add it to a <<dashboard,dashboard>> or <<canvas,Canvas workpad>>.
+Now that you've created your *Lens* visualization, add it to a <<dashboard,dashboard>> or <<canvas,Canvas workpad>>.
 
 [[vega-lite-tutorial-create-your-first-visualizations]]
 === Create your first visualization with Vega-Lite

diff --git a/docs/visualize/images/lens_aggregation_labels.png b/docs/visualize/images/lens_aggregation_labels.png
diff --git a/docs/visualize/images/lens_index_pattern.png b/docs/visualize/images/lens_index_pattern.png
diff --git a/docs/visualize/images/lens_layers.png b/docs/visualize/images/lens_layers.png
diff --git a/docs/visualize/images/lens_tutorial_3.1.png b/docs/visualize/images/lens_tutorial_3.1.png
diff --git a/docs/visualize/images/lens_tutorial_3.2.png b/docs/visualize/images/lens_tutorial_3.2.png