Add graph visualization for selected cells in data browser

[mtrezza]

New Feature / Enhancement Checklist

• [x] I am not disclosing a vulnerability.
• [x] I am not just asking a question.
• [x] I have searched through existing issues.

Current Limitation

Descriptive statistics were introduced with https://github.com/parse-community/parse-dashboard/pull/2529 to calculate a single metric from a selected set of numbers. It is currently not possible to show how the selected values relate to each other.

Feature / Enhancement Description

Add a graph visualization for the selected set of numbers.

Visualizations:

• a) Number series: values selected from one or more columns where each column contains a number:

  

• b) Time series: values selected from multiple columns where column 1 contains date values and subsequent columns contain numbers:

  

Features:

• When selecting cells, next to the descriptive statistics drop-down, a button to show/hide the visualization should appear.
• The graph should not cover the data browser, but be displayed in a side-panel that can be resized, which will also dynamically resize the graph. This allows the user to scroll the data browser and see the values which the graph is based on, while looking at the graph side-by-side.
• When the selection is changed, the graph should change dynamically. When selecting a single cell, the side panel should disappear and automatically re-appear when multiple values are selected.

[parse-github-assistant[bot]]

Thanks for opening this issue!

• 🎉 We are excited about your ideas for improvement!

[mtrezza]

@AshishBarvaliya maybe interesting for you