X Stock Graph Interaction

This interaction showcases the financial chart integration within the X app. Tapping different timeframes (1W, 1M, 1Y, ALL) triggers a smooth path-morphing animation of the green trend line, accompanied by updating price tickers. Dragging a finger across the chart activates a scrubbing gesture, revealing a vertical tracking line and dynamically updating the price and timestamp. Tapping the chart options icon slides up a bottom sheet menu, allowing the user to switch from a line chart to candlestick bars (30m, 1h, 4h intervals), which transition with a subtle scale and fade animation.