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:
parent
cb1d667b60
commit
1b2121ef67
|
@ -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">
|
||||
|
||||
Here’s 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.
|
||||
|
||||
Here’s 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 |
Loading…
Reference in New Issue