diff --git a/src/routes/etf/[tickerID]/options/gex/+layout.svelte b/src/routes/etf/[tickerID]/options/gex/+layout.svelte
new file mode 100644
index 00000000..ca64a74b
--- /dev/null
+++ b/src/routes/etf/[tickerID]/options/gex/+layout.svelte
@@ -0,0 +1,94 @@
+
+
+
diff --git a/src/routes/etf/[tickerID]/options/gex/+page.server.ts b/src/routes/etf/[tickerID]/options/gex/+page.server.ts
new file mode 100644
index 00000000..a6db54dc
--- /dev/null
+++ b/src/routes/etf/[tickerID]/options/gex/+page.server.ts
@@ -0,0 +1,50 @@
+
+
+export const load = async ({ locals, params }) => {
+ const { apiKey, apiURL, user } = locals;
+
+ const getData = async () => {
+ const postData = {
+ params: params.tickerID,
+ category: "overview"
+ };
+
+ const response = await fetch(apiURL + "/options-gex-dex", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ "X-API-KEY": apiKey,
+ },
+ body: JSON.stringify(postData),
+ });
+ const output = await response.json();
+
+ return output;
+ };
+
+
+ const getHistoricalPrice = async () => {
+ const postData = { ticker: params.tickerID, timePeriod: "one-year" };
+ const response = await fetch(apiURL + "/historical-price", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ "X-API-KEY": apiKey,
+ },
+ body: JSON.stringify(postData),
+ });
+
+ const output = await response.json();
+ return output;
+ };
+
+
+
+ // Make sure to return a promise
+ return {
+ getData: await getData(),
+ getHistoricalPrice: await getHistoricalPrice(),
+ };
+};
+
+
diff --git a/src/routes/etf/[tickerID]/options/gex/+page.svelte b/src/routes/etf/[tickerID]/options/gex/+page.svelte
new file mode 100644
index 00000000..d854d4cb
--- /dev/null
+++ b/src/routes/etf/[tickerID]/options/gex/+page.svelte
@@ -0,0 +1,525 @@
+
+
+
+
+ {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
+ {$displayCompanyName} ({$stockTicker}) Gamma Exposure · Stocknear
+
+
+
+
+
+
+ {#if rawData?.length > 0}
+
+
+ Daily Gamma Exposure
+
+
+
+ {#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 displayList as item, index}
+
+
+ {formatDate(item?.date)}
+
+
+ {@html abbreviateNumberWithColor(
+ item?.call_gamma,
+ false,
+ true,
+ )}
+
+
+ {@html abbreviateNumberWithColor(
+ item?.put_gamma,
+ false,
+ true,
+ )}
+
+
+
+ {@html abbreviateNumberWithColor(
+ item?.net_gamma,
+ false,
+ true,
+ )}
+
+
+
+ {#if item?.put_call_ratio <= 1}
+ {item?.put_call_ratio?.toFixed(2)}
+ {:else}
+ {item?.put_call_ratio?.toFixed(2)}
+ {/if}
+
+
+ {/each}
+
+
+
+
+
+
+ {:else}
+
+
+ Hottest Contracts
+
+
+
+
+ {/if}
+
+
+
+
diff --git a/src/routes/etf/[tickerID]/options/gex/expiry/+page.server.ts b/src/routes/etf/[tickerID]/options/gex/expiry/+page.server.ts
new file mode 100644
index 00000000..9e7bd003
--- /dev/null
+++ b/src/routes/etf/[tickerID]/options/gex/expiry/+page.server.ts
@@ -0,0 +1,35 @@
+
+
+export const load = async ({ locals, params }) => {
+ const { apiKey, apiURL, user } = locals;
+
+ const getData = async () => {
+ const postData = {
+ params: params.tickerID,
+ category: "expiry"
+ };
+
+ const response = await fetch(apiURL + "/options-gex-dex", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ "X-API-KEY": apiKey,
+ },
+ body: JSON.stringify(postData),
+ });
+ const output = await response.json();
+
+ return output;
+ };
+
+
+
+
+
+ // Make sure to return a promise
+ return {
+ getData: await getData(),
+ };
+};
+
+
diff --git a/src/routes/etf/[tickerID]/options/gex/expiry/+page.svelte b/src/routes/etf/[tickerID]/options/gex/expiry/+page.svelte
new file mode 100644
index 00000000..e6f85ee8
--- /dev/null
+++ b/src/routes/etf/[tickerID]/options/gex/expiry/+page.svelte
@@ -0,0 +1,431 @@
+
+
+
+
+ {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
+ {$displayCompanyName} ({$etfTicker}) Gamma Exposure by Strike Price ·
+ Stocknear
+
+
+
+
+
+
+ {#if rawData?.length > 0}
+
+
+ Gamma Exposure By Expiry
+
+
+
+ {#if options !== null}
+
+
+ {:else}
+
+ {/if}
+
+
+
+
+
+
+ {#each displayList as item, index}
+
+
+ {formatDate(item?.expiry)}
+
+
+ {@html abbreviateNumberWithColor(
+ item?.call_gex?.toFixed(2),
+ false,
+ true,
+ )}
+
+
+ {@html abbreviateNumberWithColor(
+ item?.put_gex?.toFixed(2),
+ false,
+ true,
+ )}
+
+
+
+ {@html abbreviateNumberWithColor(
+ item?.net_gex?.toFixed(2),
+ false,
+ true,
+ )}
+
+
+
+ {#if item?.put_call_ratio <= 1 && item?.put_call_ratio !== null}
+ {item?.put_call_ratio?.toFixed(2)}
+ {:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null}
+ {item?.put_call_ratio?.toFixed(2)}
+ {:else}
+ n/a
+ {/if}
+
+
+ {/each}
+
+
+
+
+
+
+ {:else}
+
+
+ Hottest Contracts
+
+
+
+
+ {/if}
+
+
+
+
diff --git a/src/routes/etf/[tickerID]/options/gex/strike/+page.server.ts b/src/routes/etf/[tickerID]/options/gex/strike/+page.server.ts
new file mode 100644
index 00000000..f33b0e12
--- /dev/null
+++ b/src/routes/etf/[tickerID]/options/gex/strike/+page.server.ts
@@ -0,0 +1,35 @@
+
+
+export const load = async ({ locals, params }) => {
+ const { apiKey, apiURL, user } = locals;
+
+ const getData = async () => {
+ const postData = {
+ params: params.tickerID,
+ category: "strike"
+ };
+
+ const response = await fetch(apiURL + "/options-gex-dex", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ "X-API-KEY": apiKey,
+ },
+ body: JSON.stringify(postData),
+ });
+ const output = await response.json();
+
+ return output;
+ };
+
+
+
+
+
+ // Make sure to return a promise
+ return {
+ getData: await getData(),
+ };
+};
+
+
diff --git a/src/routes/etf/[tickerID]/options/gex/strike/+page.svelte b/src/routes/etf/[tickerID]/options/gex/strike/+page.svelte
new file mode 100644
index 00000000..26831378
--- /dev/null
+++ b/src/routes/etf/[tickerID]/options/gex/strike/+page.svelte
@@ -0,0 +1,420 @@
+
+
+
+
+ {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
+ {$displayCompanyName} ({$etfTicker}) Gamma Exposure by Strike Price ·
+ Stocknear
+
+
+
+
+
+
+ {#if rawData?.length > 0}
+
+
+ Gamma Exposure By Strike
+
+
+
+ {#if options !== null}
+
+
+ {:else}
+
+ {/if}
+
+
+
+
+
+
+ {#each displayList as item, index}
+
+
+ {item?.strike?.toFixed(2)}
+
+
+ {@html abbreviateNumberWithColor(
+ item?.call_gex?.toFixed(2),
+ false,
+ true,
+ )}
+
+
+ {@html abbreviateNumberWithColor(
+ item?.put_gex?.toFixed(2),
+ false,
+ true,
+ )}
+
+
+
+ {@html abbreviateNumberWithColor(
+ item?.net_gex?.toFixed(2),
+ false,
+ true,
+ )}
+
+
+
+ {#if item?.put_call_ratio <= 1 && item?.put_call_ratio !== null}
+ {item?.put_call_ratio?.toFixed(2)}
+ {:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null}
+ {item?.put_call_ratio?.toFixed(2)}
+ {:else}
+ n/a
+ {/if}
+
+
+ {/each}
+
+
+
+
+
+
+ {:else}
+
+
+ Hottest Contracts
+
+
+
+
+ {/if}
+
+
+
+
diff --git a/src/routes/heatmaps/+page.svelte b/src/routes/heatmaps/+page.svelte
index 9d930d08..63fc9e8e 100644
--- a/src/routes/heatmaps/+page.svelte
+++ b/src/routes/heatmaps/+page.svelte
@@ -1,626 +1,86 @@
-
-
-
-
- {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""} Market
- Heatmaps · Stocknear
-
-
-
-
-
-
-
-
-
- Market Heatmaps
-
-
-
-
- Latest market changes to never miss another bullish or bearish rally.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Today, sectorSelector(lowestAvgCategory)}
- class="cursor-pointer text-blue-400 sm:hover:text-white"
- >{lowestAvgCategory}
- took the lead as the {displayIndex} largest loser, marking a average
- return of
- {lowestAvg?.toFixed(2)}% , while
- sectorSelector(highestAvgCategory)}
- class="cursor-pointer text-blue-400 sm:hover:text-white"
- >{highestAvgCategory}
- surged ahead as the top performer with an impressive average return
- of
- {highestAvg?.toFixed(2)}% .
-
-
-
-
-
-
-
- Market Index:
-
-
- {displayIndex}
-
-
-
-
-
-
-
-
-
-
-
- {:else}
-
- {/if}
-
-
-
-
-
-
-
-
- ✕
-
-
-
-
Market Index
-
-
-
changeIndex("S&P500")}
- class="cursor-pointer w-full flex flex-row justify-start items-center mb-5"
- >
-
- S&P500
-
-
-
-
changeIndex("Dow Jones")}
- class="cursor-pointer w-full flex flex-row justify-start items-center mb-5"
- >
-
- Dow Jones
-
-
-
-
changeIndex("Nasdaq")}
- class="cursor-pointer w-full flex flex-row justify-start items-center mb-5"
- >
-
- Nasdaq
-
-
-
-
-
-
-
-
-
-
-
-
- ✕
-
-
-
-
Export
-
-
-
exportTreemap()}
- class="cursor-pointer w-full flex flex-row justify-start items-center mb-5"
- >
-
-
- Save as PNG
-
-
-
-
-
-
-
- Save as JPG
-
-
-
-
-
-
-
-
-
-
+
diff --git a/src/routes/stocks/[tickerID]/options/dex/+layout.svelte b/src/routes/stocks/[tickerID]/options/dex/+layout.svelte
new file mode 100644
index 00000000..3822b3cc
--- /dev/null
+++ b/src/routes/stocks/[tickerID]/options/dex/+layout.svelte
@@ -0,0 +1,94 @@
+
+
+
diff --git a/src/routes/stocks/[tickerID]/options/dex/+page.server.ts b/src/routes/stocks/[tickerID]/options/dex/+page.server.ts
new file mode 100644
index 00000000..a6db54dc
--- /dev/null
+++ b/src/routes/stocks/[tickerID]/options/dex/+page.server.ts
@@ -0,0 +1,50 @@
+
+
+export const load = async ({ locals, params }) => {
+ const { apiKey, apiURL, user } = locals;
+
+ const getData = async () => {
+ const postData = {
+ params: params.tickerID,
+ category: "overview"
+ };
+
+ const response = await fetch(apiURL + "/options-gex-dex", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ "X-API-KEY": apiKey,
+ },
+ body: JSON.stringify(postData),
+ });
+ const output = await response.json();
+
+ return output;
+ };
+
+
+ const getHistoricalPrice = async () => {
+ const postData = { ticker: params.tickerID, timePeriod: "one-year" };
+ const response = await fetch(apiURL + "/historical-price", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ "X-API-KEY": apiKey,
+ },
+ body: JSON.stringify(postData),
+ });
+
+ const output = await response.json();
+ return output;
+ };
+
+
+
+ // Make sure to return a promise
+ return {
+ getData: await getData(),
+ getHistoricalPrice: await getHistoricalPrice(),
+ };
+};
+
+
diff --git a/src/routes/stocks/[tickerID]/options/dex/+page.svelte b/src/routes/stocks/[tickerID]/options/dex/+page.svelte
new file mode 100644
index 00000000..c7ad0d07
--- /dev/null
+++ b/src/routes/stocks/[tickerID]/options/dex/+page.svelte
@@ -0,0 +1,525 @@
+
+
+
+
+ {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
+ {$displayCompanyName} ({$stockTicker}) Gamma Exposure · Stocknear
+
+
+
+
+
+
+ {#if rawData?.length > 0}
+
+
+ Daily Delta Exposure
+
+
+
+ {#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 displayList as item, index}
+
+
+ {formatDate(item?.date)}
+
+
+ {@html abbreviateNumberWithColor(
+ item?.call_delta,
+ false,
+ true,
+ )}
+
+
+ {@html abbreviateNumberWithColor(
+ item?.put_delta,
+ false,
+ true,
+ )}
+
+
+
+ {@html abbreviateNumberWithColor(
+ item?.net_delta,
+ false,
+ true,
+ )}
+
+
+
+ {#if item?.put_call_ratio <= 1}
+ {item?.put_call_ratio?.toFixed(2)}
+ {:else}
+ {item?.put_call_ratio?.toFixed(2)}
+ {/if}
+
+
+ {/each}
+
+
+
+
+
+
+ {:else}
+
+
+ Hottest Contracts
+
+
+
+
+ {/if}
+
+
+
+
diff --git a/src/routes/stocks/[tickerID]/options/dex/expiry/+page.server.ts b/src/routes/stocks/[tickerID]/options/dex/expiry/+page.server.ts
new file mode 100644
index 00000000..9e7bd003
--- /dev/null
+++ b/src/routes/stocks/[tickerID]/options/dex/expiry/+page.server.ts
@@ -0,0 +1,35 @@
+
+
+export const load = async ({ locals, params }) => {
+ const { apiKey, apiURL, user } = locals;
+
+ const getData = async () => {
+ const postData = {
+ params: params.tickerID,
+ category: "expiry"
+ };
+
+ const response = await fetch(apiURL + "/options-gex-dex", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ "X-API-KEY": apiKey,
+ },
+ body: JSON.stringify(postData),
+ });
+ const output = await response.json();
+
+ return output;
+ };
+
+
+
+
+
+ // Make sure to return a promise
+ return {
+ getData: await getData(),
+ };
+};
+
+
diff --git a/src/routes/stocks/[tickerID]/options/dex/expiry/+page.svelte b/src/routes/stocks/[tickerID]/options/dex/expiry/+page.svelte
new file mode 100644
index 00000000..dd369df2
--- /dev/null
+++ b/src/routes/stocks/[tickerID]/options/dex/expiry/+page.svelte
@@ -0,0 +1,432 @@
+
+
+
+
+ {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
+ {$displayCompanyName} ({$stockTicker}) Gamma Exposure by Strike Price ·
+ Stocknear
+
+
+
+
+
+
+ {#if rawData?.length > 0}
+
+
+ Gamma Exposure By Expiry
+
+
+
+ {#if options !== null}
+
+
+ {:else}
+
+ {/if}
+
+
+
+
+
+
+ {#each displayList as item, index}
+
+
+ {formatDate(item?.expiry)}
+
+
+ {@html abbreviateNumberWithColor(
+ item?.call_delta?.toFixed(2),
+ false,
+ true,
+ )}
+
+
+ {@html abbreviateNumberWithColor(
+ item?.put_delta?.toFixed(2),
+ false,
+ true,
+ )}
+
+
+
+ {@html abbreviateNumberWithColor(
+ item?.net_delta?.toFixed(2),
+ false,
+ true,
+ )}
+
+
+
+ {#if item?.put_call_ratio <= 1 && item?.put_call_ratio !== null}
+ {item?.put_call_ratio?.toFixed(2)}
+ {:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null}
+ {item?.put_call_ratio?.toFixed(2)}
+ {:else}
+ n/a
+ {/if}
+
+
+ {/each}
+
+
+
+
+
+
+ {:else}
+
+
+ Hottest Contracts
+
+
+
+
+ {/if}
+
+
+
+
diff --git a/src/routes/stocks/[tickerID]/options/dex/strike/+page.server.ts b/src/routes/stocks/[tickerID]/options/dex/strike/+page.server.ts
new file mode 100644
index 00000000..f33b0e12
--- /dev/null
+++ b/src/routes/stocks/[tickerID]/options/dex/strike/+page.server.ts
@@ -0,0 +1,35 @@
+
+
+export const load = async ({ locals, params }) => {
+ const { apiKey, apiURL, user } = locals;
+
+ const getData = async () => {
+ const postData = {
+ params: params.tickerID,
+ category: "strike"
+ };
+
+ const response = await fetch(apiURL + "/options-gex-dex", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ "X-API-KEY": apiKey,
+ },
+ body: JSON.stringify(postData),
+ });
+ const output = await response.json();
+
+ return output;
+ };
+
+
+
+
+
+ // Make sure to return a promise
+ return {
+ getData: await getData(),
+ };
+};
+
+
diff --git a/src/routes/stocks/[tickerID]/options/dex/strike/+page.svelte b/src/routes/stocks/[tickerID]/options/dex/strike/+page.svelte
new file mode 100644
index 00000000..43c70a86
--- /dev/null
+++ b/src/routes/stocks/[tickerID]/options/dex/strike/+page.svelte
@@ -0,0 +1,415 @@
+
+
+
+
+ {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
+ {$displayCompanyName} ({$stockTicker}) Delta Exposure by Strike Price ·
+ Stocknear
+
+
+
+
+
+
+ {#if rawData?.length > 0}
+
+
+ Gamma Exposure By Strike
+
+
+
+ {#if options !== null}
+
+
+ {:else}
+
+ {/if}
+
+
+
+
+
+
+ {#each displayList as item, index}
+
+
+ {item?.strike?.toFixed(2)}
+
+
+ {@html abbreviateNumberWithColor(
+ item?.call_delta?.toFixed(2),
+ false,
+ true,
+ )}
+
+
+ {@html abbreviateNumberWithColor(
+ item?.put_delta?.toFixed(2),
+ false,
+ true,
+ )}
+
+
+
+ {@html abbreviateNumberWithColor(
+ item?.net_delta?.toFixed(2),
+ false,
+ true,
+ )}
+
+
+
+ {#if item?.put_call_ratio <= 1 && item?.put_call_ratio !== null}
+ {item?.put_call_ratio?.toFixed(2)}
+ {:else if item?.put_call_ratio > 1 && item?.put_call_ratio !== null}
+ {item?.put_call_ratio?.toFixed(2)}
+ {:else}
+ n/a
+ {/if}
+
+
+ {/each}
+
+
+
+
+
+
+ {:else}
+
+ {/if}
+
+
+
+
diff --git a/src/routes/stocks/[tickerID]/options/gex/expiry/+page.svelte b/src/routes/stocks/[tickerID]/options/gex/expiry/+page.svelte
index ad8a35a2..98fc498d 100644
--- a/src/routes/stocks/[tickerID]/options/gex/expiry/+page.svelte
+++ b/src/routes/stocks/[tickerID]/options/gex/expiry/+page.svelte
@@ -77,6 +77,7 @@
const netGamma = processedData.map((d) => d.netGamma?.toFixed(2));
const options = {
+ animation: false,
tooltip: {
trigger: "axis",
axisPointer: {
diff --git a/src/routes/stocks/[tickerID]/options/gex/strike/+page.svelte b/src/routes/stocks/[tickerID]/options/gex/strike/+page.svelte
index a1ecbc8a..23338ee3 100644
--- a/src/routes/stocks/[tickerID]/options/gex/strike/+page.svelte
+++ b/src/routes/stocks/[tickerID]/options/gex/strike/+page.svelte
@@ -66,6 +66,7 @@
const netGamma = processedData.map((d) => d.netGamma?.toFixed(2));
const options = {
+ animation: false,
tooltip: {
trigger: "axis",
axisPointer: {
-