Fold Cash Flow Graph Interaction

This interaction demonstrates a highly responsive financial cash flow graph. As the user drags horizontally across the chart, a vertical indicator line snaps smoothly to each month's column. The data points on the line graph scale up when selected and shrink when deselected. Simultaneously, the header text, percentage change indicators, colored metric badges (Income, Invested, Outgoing), and transaction list items below all update to reflect the selected month's data. The transitions feel snappy and organic, utilizing spring-like easing for the snapping indicator and subtle crossfades for the text updates.