diff --git a/How-to-view-point-details-in-chart-visualization.md b/How-to-view-point-details-in-chart-visualization.md new file mode 100644 index 0000000..94463f9 --- /dev/null +++ b/How-to-view-point-details-in-chart-visualization.md @@ -0,0 +1,15 @@ +# How to view point details in chart visualization + +To see the full data corresponding to selected points of the chart, first +open the detail panel by clicking ![](./img/viewCellValue.svg) in the side menu. +Then turn on box or lasso selection mode using plotly menu bar. + +![Fig. 1: Lasso selection menu item](./img/Screenshot_plotly_lasso_menu_item.png) + +Select one or more points. You can apply multiple selections holding +`Shift` key. The detail panel will show full data for all points inside +all selections. + +![Fig. 1: Viewing details of selected points](./img/Screenshot_view_selection_details_in_chart.png) + +Double click in chart area to remove selections. diff --git a/img/Screenshot_plotly_lasso_menu_item.png b/img/Screenshot_plotly_lasso_menu_item.png new file mode 100644 index 0000000..081346a Binary files /dev/null and b/img/Screenshot_plotly_lasso_menu_item.png differ diff --git a/img/Screenshot_view_selection_details_in_chart.png b/img/Screenshot_view_selection_details_in_chart.png new file mode 100644 index 0000000..65d7c4d Binary files /dev/null and b/img/Screenshot_view_selection_details_in_chart.png differ diff --git a/sidebar.json b/sidebar.json index 43dfd45..9bc1e9c 100644 --- a/sidebar.json +++ b/sidebar.json @@ -21,6 +21,7 @@ "title": "Examples and tutorials", "items": [ "/docs/how-to-migrate-to-sqliteviz-dot-com/", + "/docs/how-to-view-point-details-in-chart-visualization/", "/docs/how-to-build-a-pivot-table-in-sq-lite/", "/docs/how-to-rename-tables-and-columns-after-csv-import/", "/docs/how-to-work-with-plotly-interactive-selection/",