New UI - B2C View

[KumShivam]

Graph:

• Primary graph would be a Bubble Chart
• Size of the Bubbles will be same (Approx as big as Messenger chathead)
• The default scope of the graph will be of x minutes (we'll decide based on the sport)
• Bubbles will appear when the tweets are posted and then travel out of scope with time
• For Bubbles, (X,Y) = (time, sent_index)
• X,Y axes will be hidden
• Line-Chart will be in the background (edge-to-edge)
• Bubbles will be deleted once they move out of scope (barring a few depending on the filtering criteria)

Timeline:

• Independent timeline to add context to reactions
• Zoom-able, pan-able

Interaction:

• Users should be able to zoom and pan the graph to seek to previous moments
• User should be able to tap on the Bubble to view tweets (make tweets visible for 5 seconds as in Whatsapp stories or Insta stories)
• When the user taps a bubble, the sentiment level it lies in will get highlighted and the respective emoji will appear
• Tapping on events on the timeline will open the events card over the graph

Design:

• Bubble will have User's Display Pic (same way as messenger)
• The border of the Bubble will be red or green depending on the sentiment
• Set line chart's width and transparency accoridingly