Volatility Exposure

Date

Avg. Implied Volatility

{avgIV?.toFixed(2)}

Avg. Realized Volatility

{avgRV?.toFixed(2)}

IV / RV

{#if options !== null}

{#each ["3M", "6M", "1Y"] as item} (timePeriod = item)} class="px-3 py-1 text-sm {timePeriod === item ? 'bg-white text-black ' : 'text-white bg-table text-opacity-[0.6]'} transition ease-out duration-100 sm:hover:bg-white sm:hover:text-black rounded-md cursor-pointer" > {item} {/each}

{:else}

{/if}

{#each data?.user?.tier === "Pro" ? displayList : displayList?.slice(0, 3) as item, index} {/each}

{formatDate(item?.date)}	{#if item?.changesPercentage >= 0} +{item?.changesPercentage >= 1000 ? abbreviateNumberWithColor(item?.changesPercentage) : item?.changesPercentage?.toFixed(2)}% {:else if item?.changesPercentage < 0} {item?.changesPercentage <= -1000 ? abbreviateNumberWithColor(item?.changesPercentage) : item?.changesPercentage?.toFixed(2)}% {:else} n/a {/if}	{item?.putCallRatio}	{@html abbreviateNumberWithColor( item?.total_open_interest, false, true, )}	{#if item?.changesPercentageOI >= 0 && item?.changesPercentageOI !== null} +{item?.changesPercentageOI >= 1000 ? abbreviateNumberWithColor(item?.changesPercentageOI) : item?.changesPercentageOI?.toFixed(2)}% {:else if item?.changesPercentageOI < 0 && item?.changesPercentageOI !== null} {item?.changesPercentageOI <= -1000 ? abbreviateNumberWithColor(item?.changesPercentageOI) : item?.changesPercentageOI?.toFixed(2)}% {:else} n/a {/if}	{item?.implied_volatility}	{item?.realized_volatility ?? "n/a"}	{item?.volatilitySpread ?? "n/a"}