Size heatmap tiles by gains, losses or absolute movement

Area and color do different jobs

A TickerCanvas rectangle can represent a company’s size or the magnitude of its daily percentage movement. The area setting chooses the emphasis. The color represents the signed change. Treating them as two channels lets a single view show both importance to your question and direction.

Market-cap reference is the default area mode. Equal weight gives every selected company the same raw area weight. Positive change, negative change and absolute change turn the map into a view of the session’s movements. The layout recomputes positions as well as sizes when you change the method.

Choose the movement you want to emphasize

Positive movement emphasizes the percentage gains. Negative movement emphasizes declines by their magnitude. Absolute movement treats a +5% move and a −5% move as equally large movements. Their colors remain different, so equal area does not erase the direction of the move.

Tiny, zero-weight and unavailable entries retain a minimum visible tile size. This helps keep the selected membership accessible, but it means tile area is not an exact numerical chart at the smallest sizes. Inspect the displayed percentage or company card when an exact comparison matters.

Keep sorting independent

Sorting determines which companies a Top N view selects. Sizing determines how the chosen companies fill the canvas. You can therefore select the top gainers and still size them equally, or select a custom watchlist and size it by absolute movement. Changing one setting should not silently redefine the other.

If a result looks unexpectedly sparse, check ticker selection, sector filters and search before changing the sizing mode again. Reset filters brings back the whole chosen index while retaining the sizing mode you are exploring.

Read animations as presentation

The reflow animation helps you follow where companies move when the layout changes. Staggered snapshot updates reveal actual supplied changes in small groups. Neither effect invents prices or increases the collection frequency. You can disable motion and staggered updates, and the interface respects reduced-motion preferences. The snapshot session remains the basis for interpreting the values.