Skip to content
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

Jump to bottom

Update tutorial-visualizing.asciidoc #76977

Merged
merged 8 commits into from
Sep 28, 2020
Merged

Update tutorial-visualizing.asciidoc #76977

Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
7c409b3
Update tutorial-visualizing.asciidoc
ncheckin Sep 8, 2020
8041f9b
Merge branch 'master' into patch-8
elasticmachine Sep 9, 2020
483fd71
Update docs/getting-started/tutorial-visualizing.asciidoc
KOTungseth Sep 28, 2020
75d9aaa
Update docs/getting-started/tutorial-visualizing.asciidoc
KOTungseth Sep 28, 2020
5bdc362
Update docs/getting-started/tutorial-visualizing.asciidoc
KOTungseth Sep 28, 2020
ca4325d
Update docs/getting-started/tutorial-visualizing.asciidoc
KOTungseth Sep 28, 2020
480a7a9
Update docs/getting-started/tutorial-visualizing.asciidoc
KOTungseth Sep 28, 2020
75f8c8f
Update docs/getting-started/tutorial-visualizing.asciidoc
KOTungseth Sep 28, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions docs/getting-started/tutorial-visualizing.asciidoc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.
+
[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*.

Expand All @@ -39,7 +39,7 @@ image::images/tutorial-visualize-wizard-step-1.png[Bar chart]
.. In the *Label* field, enter `Speaking Parts`.
+
[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`.
+
Expand Down Expand Up @@ -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.
+
[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.

Expand All @@ -99,7 +99,7 @@ The break down of the ages of the account holders are displayed
in a ring around the balance ranges.
+
[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.

Expand All @@ -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`.
+
[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*

Expand All @@ -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*.
+
[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.

Expand Down Expand Up @@ -170,12 +170,12 @@ The Markdown widget uses **markdown** syntax.
The Markdown renders in the preview pane.
+
[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.

[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]
=== Next steps
Expand Down