|
1 | 1 | ---
|
2 | 2 | layout: default
|
3 |
| -title: Drag and drop wizard |
| 3 | +title: Drag-and-drop wizard |
4 | 4 | nav_order: 8
|
5 | 5 | ---
|
6 | 6 |
|
7 |
| -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). |
| 7 | +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). |
8 | 8 | {: .warning}
|
9 | 9 |
|
10 |
| -# Drag and drop wizard |
| 10 | +# Drag-and-drop wizard |
11 | 11 |
|
12 |
| -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. |
| 12 | +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. |
13 | 13 |
|
14 |
| -The drag and drop visualization wizard: |
| 14 | +The drag-and-drop visualization wizard: |
15 | 15 |
|
16 |
| -* Gives you an immediate view of your data without the need to preselect the visualization output |
17 |
| -* Gives you the flexibility to change visualization types and index patterns on the fly |
18 |
| -* Gives you the ability to easily navigate between multiple screens |
| 16 | +* Gives you an immediate view of your data without the need to preselect the visualization output. |
| 17 | +* Gives you the flexibility to change visualization types and index patterns quickly. |
| 18 | +* Gives you the ability to easily navigate between multiple screens. |
19 | 19 |
|
20 | 20 | <img src="{{site.url}}{{site.baseurl}}/images/drag-drop-ui.png" alt="Drag and drop user interface">
|
21 | 21 |
|
| 22 | +## Try out the wizard |
22 | 23 |
|
23 |
| -## Enable the wizard |
| 24 | +You can try out the wizard locally or in the [OpenSearch playground](https://playground.opensearch.org/app/home#/). |
24 | 25 |
|
25 |
| -To experiment with the drag and drop wizard, you first need to enable experimental visualizations in your OpenSearch playground: |
| 26 | +### Try the wizard in OpenSearch playground |
26 | 27 |
|
27 |
| -1. Open [OpenSearch Dashboards playground](https://playground.opensearch.org/app/home#/). |
28 |
| -2. Go to **Management** **>** **Stack Management** **>** **Advanced Settings**. |
29 |
| - <img src="{{site.url}}{{site.baseurl}}/images/stack-managment-settings.png" alt="Stack management screenshot"> |
| 28 | +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. |
30 | 29 |
|
31 |
| -3. Go to **Visualization** and turn on **Enable experimental visualizations**. |
32 |
| -<img src="{{site.url}}{{site.baseurl}}/images/enable-experimental-viz.png" alt="Enable experimental visualizations screenshot"> |
| 30 | +### Try the wizard locally |
33 | 31 |
|
34 |
| -## Create new visualization in OpenSearch Dashboards playground |
| 32 | +To enable the drag-and-drop wizard in your local installation, add the following flag to the `opensearch_dashboards.yml` file: |
35 | 33 |
|
36 |
| -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. |
| 34 | +```yml |
| 35 | +wizard.enabled: true |
| 36 | +``` |
37 | 37 |
|
38 |
| -The following steps walk you through creating a new visualization using the wizard: |
| 38 | +Then confirm that the feature is enabled in OpenSearch Dashboards: |
39 | 39 |
|
40 |
| -1. Open [OpenSearch Dashboards playground](https://playground.opensearch.org/app/home#/). |
| 40 | +1. To open OpenSearch Dashboards: |
| 41 | + - If you're not running the security plugin, go to http://localhost:5601. |
| 42 | + - If you're running the security plugin, go to https://localhost:5601 and log in with your username and password (default is admin/admin). |
41 | 43 |
|
42 |
| -2. Under the menu icon, select **Visualize** **>** **Create visualization** **>** **Wizard**. |
| 44 | +2. From the top menu, select **Management** **>** **Stack Management** **>** **Advanced Settings**. |
| 45 | + <img src="{{site.url}}{{site.baseurl}}/images/stack-management-settings.png" alt="Stack management menu" width="200"> |
43 | 46 |
|
44 |
| - <img src="{{site.url}}{{site.baseurl}}//images/drag-and-drop-viz-select.png" alt="Select Wizard visualization"> |
| 47 | +3. Select **Visualization**. The **Enable experimental visualizations** option should be turned on. |
45 | 48 |
|
46 |
| -3. Use sample data to add fields and generate a visualization. |
| 49 | +<img src="{{site.url}}{{site.baseurl}}/images/enable-experimental-viz.png" alt="Enable experimental visualizations" width="550"> |
47 | 50 |
|
48 |
| -Here’s an example visualization. Your visualization will look different depending on the sample data you select. |
| 51 | +To get started, follow the steps below to create a new visualization using the wizard: |
| 52 | +
|
| 53 | +1. From the top menu, select **Visualize** **>** **Create visualization** **>** **Wizard**. |
| 54 | +
|
| 55 | + <img src="{{site.url}}{{site.baseurl}}/images/drag-and-drop-viz-select.png" alt="Select Wizard visualization" width="350"> |
| 56 | +
|
| 57 | +1. Drag and drop field names from the left column into the Configuration panel to generate a visualization. |
| 58 | +
|
| 59 | +Here’s an example visualization. Your visualization will look different depending on your data and the fields you select. |
49 | 60 |
|
50 | 61 | <img src="{{site.url}}{{site.baseurl}}/images/drag-drop-generated-viz.png" alt="Visualization generated using sample data in the Wizard">
|
51 | 62 |
|
52 | 63 | ## Related topics
|
53 | 64 |
|
54 | 65 | * [OpenSearch News, September 14, 2022](https://opensearch.org/)
|
55 |
| -* [Drag and drop visualizations demo at OpenSearch Community Meeting, August 16, 2022](https://forum.opensearch.org/t/opensearch-community-meeting-2022-0816/10323) |
| 66 | +* [Drag-and-drop visualizations demo at OpenSearch Community Meeting, August 16, 2022](https://forum.opensearch.org/t/opensearch-community-meeting-2022-0816/10323) |
56 | 67 | * [OpenSearch News, March 17, 2022](https://opensearch.org/blog/releases/2022/03/launch-announcement-1-3-0/)
|
0 commit comments