{$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""} Live Market Flow · Stocknear

Market Flow

The Market Flow provides a high level options overview of the market.

{#if optionsData !== null && data?.user?.tier === "Pro"}
Learn more"} id={"marketTideInfo"} />
{#if isLoading}
{:else} {/if}
{/if}
{#each stockList as item, index} {/each}
listItem?.title === item?.name, )?.link} class="sm:hover:underline sm:hover:underline-offset-4 text-white" > {item?.name} {item?.price} {item?.changesPercentage}% {@html abbreviateNumberWithColor( item?.call_volume, false, true, )} {@html abbreviateNumberWithColor( item?.avg30_call_volume, false, true, )} {@html abbreviateNumberWithColor( item?.put_volume, false, true, )} {@html abbreviateNumberWithColor( item?.avg30_put_volume, false, true, )}
Bearish: {@html abbreviateNumberWithColor( item?.premium_ratio[0], false, true, )}
Neutral: {@html abbreviateNumberWithColor( item?.premium_ratio[1], false, true, )}
Bullish: {@html abbreviateNumberWithColor( item?.premium_ratio[2], false, true, )}
{#if data?.user?.tier === "Pro"}
Select Sector {#each sectorList as sector} (selectedSector = sector)} class="cursor-pointer hover:bg-primary" > {sector} {/each}
{#each displayTopTickers as item, index} {/each}
{item?.rank} listItem?.title === item?.name, )?.link} class="sm:hover:underline sm:hover:underline-offset-4 text-white" > {item?.name} {item?.price} {item?.changesPercentage}% {@html abbreviateNumberWithColor( item?.netPremium, false, true, )} {@html abbreviateNumberWithColor( item?.netCallPremium, false, true, )} {@html abbreviateNumberWithColor( item?.netPutPremium, false, true, )} {item?.gexRatio} {@html abbreviateNumberWithColor( item?.gexNetChange, false, true, )} {item?.ivRank}
{/if}