Update tutorial-visualizing.asciidoc (#76977)

* Update tutorial-visualizing.asciidoc

adds alt text to images

* Update docs/getting-started/tutorial-visualizing.asciidoc

* Update docs/getting-started/tutorial-visualizing.asciidoc

* Update docs/getting-started/tutorial-visualizing.asciidoc

* Update docs/getting-started/tutorial-visualizing.asciidoc

* Update docs/getting-started/tutorial-visualizing.asciidoc

* Update docs/getting-started/tutorial-visualizing.asciidoc

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
Co-authored-by: Kaarina Tungseth <kaarina.tungseth@elastic.co>
This commit is contained in:
ncheckin 2020-09-28 11:41:03 -04:00 committed by GitHub
parent 8ce96e3ce4
commit 68912875c4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -16,7 +16,7 @@ To visualize the Shakespeare data and compare the number of speaking parts in th
. Click *Create new*, then click *Lens* on the *New Visualization* window. . Click *Create new*, then click *Lens* on the *New Visualization* window.
+ +
[role="screenshot"] [role="screenshot"]
image::images/tutorial-visualize-wizard-step-1.png[Bar chart] image::images/tutorial-visualize-wizard-step-1.png[Image showing different options for your new visualization]
. Make sure the index pattern is *shakes*. . Make sure the index pattern is *shakes*.
@ -39,7 +39,7 @@ image::images/tutorial-visualize-wizard-step-1.png[Bar chart]
.. In the *Label* field, enter `Speaking Parts`. .. In the *Label* field, enter `Speaking Parts`.
+ +
[role="screenshot"] [role="screenshot"]
image::images/tutorial-visualize-bar-1.5.png[Bar chart] image::images/tutorial-visualize-bar-1.5.png[Bar chart showing the speaking parts data]
. *Save* the chart with the name `Bar Example`. . *Save* the chart with the name `Bar Example`.
+ +
@ -85,7 +85,7 @@ Since the default search matches all documents, the pie contains a single slice.
The pie chart displays the proportion of the 1,000 accounts that fall into each of the ranges. The pie chart displays the proportion of the 1,000 accounts that fall into each of the ranges.
+ +
[role="screenshot"] [role="screenshot"]
image::images/tutorial-visualize-pie-2.png[Pie chart] image::images/tutorial-visualize-pie-2.png[Pie chart displaying accounts that fall into each of the ranges, scaled to 1000 accounts]
. Add another bucket aggregation that displays the ages of the account holders. . Add another bucket aggregation that displays the ages of the account holders.
@ -99,7 +99,7 @@ The break down of the ages of the account holders are displayed
in a ring around the balance ranges. in a ring around the balance ranges.
+ +
[role="screenshot"] [role="screenshot"]
image::images/tutorial-visualize-pie-3.png[Final pie chart] image::images/tutorial-visualize-pie-3.png[Final pie chart showing all of the changes]
. Click *Save*, then enter `Pie Example` in the *Title* field. . Click *Save*, then enter `Pie Example` in the *Title* field.
@ -119,7 +119,7 @@ To visualize geographic information in the log file data, use <<maps,Maps>>.
.. Set the *End date* to `May 20, 2015 @ 12:00:00.000`. .. Set the *End date* to `May 20, 2015 @ 12:00:00.000`.
+ +
[role="screenshot"] [role="screenshot"]
image::images/gs_maps_time_filter.png[Time filter for Maps tutorial] image::images/gs_maps_time_filter.png[Image showing the time filter for Maps tutorial]
.. Click *Update* .. Click *Update*
@ -140,7 +140,7 @@ image::images/gs_maps_time_filter.png[Time filter for Maps tutorial]
.. From the *Border color* dropdown, select *#FFF*, then click *Save & close*. .. From the *Border color* dropdown, select *#FFF*, then click *Save & close*.
+ +
[role="screenshot"] [role="screenshot"]
image::images/tutorial-visualize-map-2.png[Map] image::images/tutorial-visualize-map-2.png[Example of a map visualization]
. Click *Save*, then enter `Map Example` in the *Title* field. . Click *Save*, then enter `Map Example` in the *Title* field.
@ -170,12 +170,12 @@ The Markdown widget uses **markdown** syntax.
The Markdown renders in the preview pane. The Markdown renders in the preview pane.
+ +
[role="screenshot"] [role="screenshot"]
image::images/tutorial-visualize-md-2.png[] image::images/tutorial-visualize-md-2.png[Image showing example markdown editing field]
. Click *Save*, then enter `Markdown Example` in the *Title* field. . Click *Save*, then enter `Markdown Example` in the *Title* field.
[role="screenshot"] [role="screenshot"]
image::images/tutorial-dashboard.png[] image::images/tutorial-dashboard.png[Final visualization with bar chart, pie chart, map, and markdown text field]
[float] [float]
=== Next steps === Next steps