Add graph visualization for selected cells in data browser

[mtrezza]

New Feature / Enhancement Checklist

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

Current Limitation

Descriptive statistics were introduced with #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]

Thanks for opening this issue!

• 🎉 We are excited about your ideas for improvement!

[mtrezza]

@AshishBarvaliya maybe interesting for you

[syedbarimanjan]

@mtrezza i would like to work on this, anything i should keep in mind while working on it.

I am thinking of using pure canvas to create the graphs or if that is too much code to maintain then i will just simply use d3 for it. I couldnt find a side-panel in the components is it also to be created?