Lume City Selector Interaction

In this city selector interaction, selecting a different city triggers a rich, fluid transition. The vertical color gradient representing the daily temperature profile morphs smoothly, changing colors (such as warm orange for Dubai or cool green for Naryn) and shifting its width. Simultaneously, the weather icons plotted along the vertical timeline animate, crossfading and staggering into position to reflect the hourly forecast. The temperature text and description fade in with a subtle slide, while the Find Me icon dynamically updates to match the context.