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.

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

[Docs] Discover docs updates #198423

Merged
Merged
Show file tree
Hide file tree
Changes from 15 commits
Commits
Show all changes
24 commits
Select commit Hold shift + click to select a range
9c16797
update screenshots
florent-leborgne Oct 15, 2024
67540e2
update
florent-leborgne Oct 17, 2024
3ad8bfa
use sample as examples for learning rather than just going through wi…
florent-leborgne Oct 22, 2024
27ab883
update
florent-leborgne Oct 29, 2024
1e0e248
Refresh Discover docs
florent-leborgne Oct 30, 2024
bfbde79
816 changes
florent-leborgne Oct 30, 2024
4bbb216
move ids around to get green build
florent-leborgne Oct 30, 2024
8745762
Update docs/discover/get-started-discover.asciidoc
florent-leborgne Oct 31, 2024
9df5a15
Merge branch 'main' into docs/816-discover-updates
elasticmachine Nov 5, 2024
a9753da
Update docs/discover/get-started-discover.asciidoc
florent-leborgne Nov 5, 2024
19172cb
Update docs/discover/get-started-discover.asciidoc
florent-leborgne Nov 5, 2024
9e7a559
Update docs/discover/get-started-discover.asciidoc
florent-leborgne Nov 5, 2024
fc03182
Update docs/discover/get-started-discover.asciidoc
kertal Nov 5, 2024
8e8b03b
include feedback
florent-leborgne Nov 5, 2024
06ee6aa
Merge branch 'docs/816-discover-updates' of github.com:florent-leborg…
florent-leborgne Nov 5, 2024
7553494
Apply suggestions from code review
florent-leborgne Nov 6, 2024
e6a5db7
Update docs/discover/document-explorer.asciidoc
florent-leborgne Nov 6, 2024
238e233
align a few terms and pin for comparison option
florent-leborgne Nov 6, 2024
e8a2211
Update docs/discover/document-explorer.asciidoc
florent-leborgne Nov 6, 2024
b881721
Update docs/discover/get-started-discover.asciidoc
florent-leborgne Nov 6, 2024
9e791e0
Update docs/discover/get-started-discover.asciidoc
florent-leborgne Nov 6, 2024
67f9345
Update docs/discover/get-started-discover.asciidoc
florent-leborgne Nov 6, 2024
5571e65
Update docs/discover/get-started-discover.asciidoc
florent-leborgne Nov 8, 2024
493dfd8
Merge branch 'main' of github.com:elastic/kibana into docs/816-discov…
florent-leborgne Nov 8, 2024
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
103 changes: 33 additions & 70 deletions docs/discover/document-explorer.asciidoc
Original file line number Diff line number Diff line change
@@ -1,43 +1,36 @@
[[document-explorer]]
== Explore your documents
== Customize the Discover view
kertal marked this conversation as resolved.
Show resolved Hide resolved

Fine tune your explorations by customizing *Discover* to bring out the the best view of your documents.
Adjust the chart height, modify the document table, and look inside a document.
Adjust what is displayed in Discover, and how each element is displayed.
florent-leborgne marked this conversation as resolved.
Show resolved Hide resolved

[role="screenshot"]
image::images/hello-field.png[A view of the Discover app]


[float]
[[document-explorer-c]]
=== Hide or resize the chart
=== Hide or resize elements
florent-leborgne marked this conversation as resolved.
Show resolved Hide resolved

Hide or resize the chart for a better fit.
* You can hide and show the chart and the fields list using the available collapse and expand button in the corresponding area.

* To turn off the display of the chart, click
image:images/chart-icon.png[icon button for opening Show/Hide chart menu, width=24px]
to open the *Chart options* menu, and then click *Hide chart*.

* To change the chart height, drag the resize handle
image:images/resize-icon.png[two-line icon for increasing or decreasing the height of the chart, width=24px]
* Adjust the width and height of each area by dragging their border
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I see we're using "area" here so maybe we stick with that.

to the size you want.
The chart size is saved in your browser.

* To reset the height, open the *Chart options* menu, and then select *Reset to default height*.
The size of each area is saved in your browser for the next time you open **Discover**.

[float]
[[document-explorer-customize]]
=== Modify the document table

Customize the appearance of the document table and its contents by resizing the columns and rows,
sorting and modifying the fields, and filtering the documents.
Customize the appearance of the document table and its contents to your liking.

image:images/discover-customize-table.png[Options to customize the table in Discover]

[float]
[[document-explorer-columns]]
==== Reorder and resize the columns

* To move a single column, click its header. In the dropdown menu,
click *Move left* or *Move right*.
* To move a single column, open the column's contextual options, and select *Move left* or *Move right* in the available options.
florent-leborgne marked this conversation as resolved.
Show resolved Hide resolved

* To move multiple columns, click *Columns*.
In the pop-up, drag the column names to their new order.
Expand All @@ -46,17 +39,31 @@ In the pop-up, drag the column names to their new order.
+
Column widths are stored with a saved search. When you visualize saved searches on dashboards, the saved search appears the same as in **Discover**.

[float]
[[document-explorer-density]]
==== Customize the table density

You can adjust the density of the table from the **Display options** located at the top of the table. This can be particularly useful for reading and scanning through the table.
florent-leborgne marked this conversation as resolved.
Show resolved Hide resolved

[float]
[[document-explorer-row-height]]
==== Adjust the row height

To set the row height to one or more lines, or automatically
adjust the height to fit the contents, click the row height icon
image:images/row-height-icon.png[icon to open the Row height pop-up].
adjust the height to fit the contents, open the **Display options** at the top of the table, and adjust it as you need.
florent-leborgne marked this conversation as resolved.
Show resolved Hide resolved

You can define different settings for the header and the regular rows of the table.
florent-leborgne marked this conversation as resolved.
Show resolved Hide resolved

[float]
[[document-explorer-sample-size]]
==== Limit the sample size

When the number of results or documents corresponding to your data view or search query (displayed at the top of the **Documents** or **Results** tab) is greater than 500, the number of results displayed in the table is limited to 500 by default. You can adjust the number of entries initially loaded to any number between 10 and 500 from the **Display options** located at the top of the table.
florent-leborgne marked this conversation as resolved.
Show resolved Hide resolved

On the last page of the table, a message indicates that you've reached the end of the loaded search results. From that message, you can choose to load more results to continue exploring the entries.

image:images/discover-limit-sample-size.png[Limit sample size in Discover]

[role="screenshot"]
image::images/document-explorer-row-height.png[Row height settings for the document table, width="50%"]

[float]
[[document-explorer-sort-data]]
Expand All @@ -70,7 +77,7 @@ column header, and then select the sort order.

To sort by multiple fields:

. Click the *field sorted* option.
. Click the *Sort fields* option.
+
[role="screenshot"]
image::images/document-explorer-sort-data.png[Pop-up in document table for sorting columns, width="50%"]
Expand Down Expand Up @@ -106,10 +113,12 @@ Narrow your results to a subset of documents so you're comparing just the data o

. Select the documents you want to compare.

. Click the *documents selected* option, and then select *Show selected documents only*.
. Click the *Selected* option, and then select *Show selected documents only*.
+
[role="screenshot"]
image::images/document-explorer-compare-data.png[Compare data in the document table, width="50%"]
image::images/document-explorer-compare-data.png[Compare data in the document table, width="40%"]

You can also compare them more in details. Check <<compare-documents-in-discover,Compare documents>>.
florent-leborgne marked this conversation as resolved.
Show resolved Hide resolved

[float]
[[document-explorer-configure-table]]
Expand All @@ -119,49 +128,3 @@ To change the numbers of rows you want to display on each page, use the *Rows pe

[role="screenshot"]
image::images/document-table-rows-per-page.png["Menu with options for setting the number of rows in the document table"]


[float]
[[document-explorer-expand-documents]]

=== Go inside a document

Dive into an individual document to inspect its fields, set filters, and view
the documents that occurred before and after it.

. Click the expand icon
image:images/expand-icon-2.png[double arrow icon to open a flyout with the document details].
+
You can view the document in two ways. The **Table** view displays the document fields row-by-row.
The **JSON** (JavaScript Object Notation) view allows you to look at how {es} returns the document.
+
[role="screenshot"]
image::images/document-table-expanded.png[Expanded view of the document table]
+
. In the *Table* view, scan through the fields and their values, or search for a field by name.

. When you find a field of interest,
hover your mouse over the *Actions* column
to:
.. Filter the results to include or exclude specific fields or values.
.. Toggle the field in or out the document table.
.. Pin the field so it stays at the top.

. To navigate to the next and previous documents, click the < and > arrows at the top of the view.

. To create a view of the document that you can bookmark and share, click **Single document**.
+
[role="screenshot"]
image::images/discover-view-single-document.png[Discover single document view]
+
The link is valid for the time the document is available in Elasticsearch. To create a customized view of the document,
you can create <<external-plugin-development, your own plugin>>.

. To view documents that occurred before or after the event you are looking at, click **Surrounding documents**.
+
Documents are displayed using the same set of columns as the *Discover* view from which
the context was opened. The filters you applied are also carried over. Pinned
filters remain active, while other filters are copied in a disabled state.
+
[role="screenshot"]
image::images/discover-context.png[Image showing context view feature, with anchor documents highlighted in blue]
Loading