Fixes enabling drag and drop (#1250)

* Fixes enabling drag and drop

Signed-off-by: Fanit Kolchina <kolchfa@amazon.com>

* Implemented editorial comments

Signed-off-by: Fanit Kolchina <kolchfa@amazon.com>

* Updates the links and images

Signed-off-by: Fanit Kolchina <kolchfa@amazon.com>

Signed-off-by: Fanit Kolchina <kolchfa@amazon.com>
This commit is contained in:
kolchfa-aws 2022-09-16 18:07:08 -04:00 committed by GitHub
parent cb1d667b60
commit 1b2121ef67
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 35 additions and 24 deletions

View File

@ -1,56 +1,67 @@
---
layout: default
title: Drag and drop wizard
title: Drag-and-drop wizard
nav_order: 8
---
The drag and drop visualization wizard an experimental feature with OpenSearch 2.3. Therefore, we do not recommend the use of drag and drop wizard in a production environment. For updates on the progress of drag and drop or if you want leave feedback that could help improve the feature, see the [Drag and drop git issue](https://github.com/opensearch-project/OpenSearch-Dashboards/issues/1157).
The drag-and-drop visualization wizard an experimental feature with OpenSearch 2.3. Therefore, we do not recommend the use of drag-and-drop wizard in a production environment. For updates on the progress of drag and drop or if you want leave feedback that could help improve the feature, see the [Drag and drop git issue](https://github.com/opensearch-project/OpenSearch-Dashboards/issues/2280).
{: .warning}
# Drag and drop wizard
# Drag-and-drop wizard
You can use the drag and drop visualization wizard in OpenSearch Dashboards to create your data visualizations easily with just a few clicks or a single mouse gesture.
You can use the drag-and-drop visualization wizard in OpenSearch Dashboards to create your data visualizations easily with just a few clicks or a single mouse gesture.
The drag and drop visualization wizard:
The drag-and-drop visualization wizard:
* Gives you an immediate view of your data without the need to preselect the visualization output
* Gives you the flexibility to change visualization types and index patterns on the fly
* Gives you the ability to easily navigate between multiple screens
* Gives you an immediate view of your data without the need to preselect the visualization output.
* Gives you the flexibility to change visualization types and index patterns quickly.
* Gives you the ability to easily navigate between multiple screens.
<img src="{{site.url}}{{site.baseurl}}/images/drag-drop-ui.png" alt="Drag and drop user interface">
## Try out the wizard
## Enable the wizard
You can try out the wizard locally or in the [OpenSearch playground](https://playground.opensearch.org/app/home#/).
To experiment with the drag and drop wizard, you first need to enable experimental visualizations in your OpenSearch playground:
### Try the wizard in OpenSearch playground
1. Open [OpenSearch Dashboards playground](https://playground.opensearch.org/app/home#/).
2. Go to **Management** **>** **Stack Management** **>** **Advanced Settings**.
<img src="{{site.url}}{{site.baseurl}}/images/stack-managment-settings.png" alt="Stack management screenshot">
If you'd like to try out the wizard without installing OpenSearch locally, you can do so in the [OpenSearch Dashboards playground](https://playground.opensearch.org/app/wizard). The feature is enabled in the playground by default.
3. Go to **Visualization** and turn on **Enable experimental visualizations**.
<img src="{{site.url}}{{site.baseurl}}/images/enable-experimental-viz.png" alt="Enable experimental visualizations screenshot">
### Try the wizard locally
## Create new visualization in OpenSearch Dashboards playground
To enable the drag-and-drop wizard in your local installation, add the following flag to the `opensearch_dashboards.yml` file:
You can explore the drag and drop wizard directly from the [OpenSearch Dashboards playground](https://playground.opensearch.org/app/wizard), or you can create a new visualization and select wizard.
```yml
wizard.enabled: true
```
The following steps walk you through creating a new visualization using the wizard:
Then confirm that the feature is enabled in OpenSearch Dashboards:
1. Open [OpenSearch Dashboards playground](https://playground.opensearch.org/app/home#/).
1. To open OpenSearch Dashboards:
- If you're not running the security plugin, go to http://localhost:5601.
- If you're running the security plugin, go to https://localhost:5601 and log in with your username and password (default is admin/admin).
2. Under the menu icon, select **Visualize** **>** **Create visualization** **>** **Wizard**.
2. From the top menu, select **Management** **>** **Stack Management** **>** **Advanced Settings**.
<img src="{{site.url}}{{site.baseurl}}/images/stack-management-settings.png" alt="Stack management menu" width="200">
<img src="{{site.url}}{{site.baseurl}}//images/drag-and-drop-viz-select.png" alt="Select Wizard visualization">
3. Select **Visualization**. The **Enable experimental visualizations** option should be turned on.
3. Use sample data to add fields and generate a visualization.
<img src="{{site.url}}{{site.baseurl}}/images/enable-experimental-viz.png" alt="Enable experimental visualizations" width="550">
Heres an example visualization. Your visualization will look different depending on the sample data you select.
To get started, follow the steps below to create a new visualization using the wizard:
1. From the top menu, select **Visualize** **>** **Create visualization** **>** **Wizard**.
<img src="{{site.url}}{{site.baseurl}}/images/drag-and-drop-viz-select.png" alt="Select Wizard visualization" width="350">
1. Drag and drop field names from the left column into the Configuration panel to generate a visualization.
Heres an example visualization. Your visualization will look different depending on your data and the fields you select.
<img src="{{site.url}}{{site.baseurl}}/images/drag-drop-generated-viz.png" alt="Visualization generated using sample data in the Wizard">
## Related topics
* [OpenSearch News, September 14, 2022](https://opensearch.org/)
* [Drag and drop visualizations demo at OpenSearch Community Meeting, August 16, 2022](https://forum.opensearch.org/t/opensearch-community-meeting-2022-0816/10323)
* [Drag-and-drop visualizations demo at OpenSearch Community Meeting, August 16, 2022](https://forum.opensearch.org/t/opensearch-community-meeting-2022-0816/10323)
* [OpenSearch News, March 17, 2022](https://opensearch.org/blog/releases/2022/03/launch-announcement-1-3-0/)

Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 66 KiB

After

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB