Add Bar, Line Chart and Tabs

[muhammadtrad]

Types of changes

• Bugfix (change which fixes an issue)
• New feature (change which adds functionality)
• Refactor (change which changes the codebase without affecting its external behavior)
• Non-breaking change (fix or feature that would causes existing functionality to work as expected)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Purpose

• Users need a way to compare various previous query results between different schemas
• Users need a way to add new schemas/databases
• Users need an intuitive way to visualize the data from the results table
• Users need an intuitive way to visualize data from the comparisons table
• CurrentSchema in state is not being updated when executing a query

Approach

• Create a line chart to compare the query label vs runtime of the results table
• Create a bar chart to compare the query label vs runtime of the comparisons table
• Add tabs to navigate to newly created schemas/databases
• Add tabs to hold create multiple types of data in the history and comparisons table and bar chart
• CurrentSchema property in state is now updated with asynchronous solution

Screenshot(s)

• Tabs
  
• Bar Chart
  
• Line Chart
  
• User interface at application launch
  
• User interface with populated data
  

[mstronck]

Wow, game changer. The visuals really flush out the application. Great work like always.

[catherinechiu]

amazing!