#130 fix links

Co-authored-by: lana-k <skochetova89@gmail.com>

Graph.md

@@ -207,6 +207,6 @@ clicking `Start`/`Stop` button.
 
 ![Fig. 3: ForceAtlas2 layout](./img/Screenshot_graph_force_atlas2.png)
 
-[1]: ./How-to-get-result-set-suitable-for-graph-visualisation
+[1]: ../How-to-get-result-set-suitable-for-graph-visualisation
 [2]: https://www.w3.org/TR/css-color-4/#named-colors
 [3]: https://journals.plos.org/plosone/article?id=10.1371/journal.pone.0098679

How-to-work-with-plotly-interactive-selection.md

@@ -0,0 +1,33 @@
+# How to work with Plotly interactive selection
+
+Plotly supports interactive selection on some chart types, like scatterplot, 
+where you can select a subset of the points. It may be helpful for live
+presentation purposes, but there's no UI to interact with it if you want to
+compute something from the selection, like the count of points.
+
+![plotly scatterplot selection](./img/Screenshot_plotly_selection.png)
+
+This page proposes a workaround with browser console. Right click on the Plotly
+chart and select *Inspect* in the context menu. In the opened browser DOM 
+inspector scroll up and find the chart's container, matching 
+`div.js-plotly-plot` CSS selector. Right click and select *Use in console* or
+*Set as global variable* (depending on the browser). Then in *Console* tab paste
+the following snippet (adjust to your needs):
+
+```javascript
+temp0.on('plotly_selected', function(eventData) {
+  if (eventData) {
+    const start = Date.parse(eventData.range.x[0])
+    const finish = Date.parse(eventData.range.x[1])
+    console.log('---------- Selected points ----------')
+    console.log('Range, s:', (finish - start) / 1000)
+    console.log('Count:', eventData.points.length)
+  }
+})
+```
+
+To update set listener, first unset the existing one with:
+
+```javascript
+temp0.removeAllListeners('plotly_selected')
+```

sidebar.json

@@ -1,5 +1,7 @@
-[{
-	"sections": [{
+[
+  {
+    "sections": [
+      {
         "title": "For users",
         "items": [
           "/docs/",
@@ -20,14 +22,15 @@
         "items": [
           "/docs/how-to-migrate-to-sqliteviz-dot-com/",
           "/docs/how-to-build-a-pivot-table-in-sq-lite/",
-				"/docs/how-to-rename-tables-and-columns-after-csv-import/"
+          "/docs/how-to-rename-tables-and-columns-after-csv-import/",
+          "/docs/how-to-work-with-plotly-interactive-selection/",
+          "/docs/how-to-get-result-set-suitable-for-graph-visualisation/"
         ]
       },
       {
         "title": "For developers",
-			"items": [
-				"/docs/integrate-predefined-inquiries/"
-			]
+        "items": ["/docs/integrate-predefined-inquiries/"]
       }
     ]
-}]
+  }
+]