UI - Graphs

[bhavikbhagat93]

Description

User should be able to see information from all connected notes as per mockups.

For graph details : refer ticket #1185

Interaction: User should be able to click on the graphs to interact with them. the information selected should be added as a filter to the query bar and update facet side bar accordingly. user can further interact with the updated graphs and add more filter conditions based on new rendered graphs

Mock up

Technical Details (If Any)

• Styling
• Question: Drop shadow on inner cards but not outer card? Intended or not? Should it be? - Spoke to patrick we do not need drop shadow in design, he will make it consistent with no drop shadow design
• https://nivo.rocks vs Highcharts
• Facet Charts vs Network Node Chart
• Data Provider updates for graphs/charts
  • Want to have a ui independent format for providing data for a chart.
    • Maybe multiple chart types?
• Could provide a component library that uses our updated data provider and returns charts from a given chart library
  • @arranger/components/nivo-charts
  • @arranger/components/highcharts

Acceptance Criteria