X Stock Graph Interaction

This interaction showcases a highly responsive stock chart interface. Tapping timeframe tabs smoothly morphs the line graph to represent different historical periods. Dragging a finger across the chart triggers a scrubbing state, displaying a vertical tracker line and updating the price and timestamp dynamically. Tapping the chart options button slides up a bottom sheet menu, allowing users to switch from a line chart to candlestick intervals (30m, 1h, 4h), which instantly redraws the visualization with clean transitions.