website: redesign part 1

2026-07-25 01:38:12 -07:00 · 2026-06-03 12:34:05 +02:00
parent 5f5563fece
commit 90e8741fb7
209 changed files with 23945 additions and 176 deletions
@@ -1,173 +0,0 @@
-/**
- * Prices section builders
- *
- * Structure (single cohort):
- * - Compare: Both prices on one chart
- * - Realized: Price + Ratio (MVRV) + Z-Scores (for full cohorts)
- * - Capitalized: Price + Ratio + Z-Scores (for full cohorts)
- *
- * Structure (grouped cohorts):
- * - Realized: Price + Ratio comparison across cohorts
- * - Capitalized: Price + Ratio comparison across cohorts
- *
- * For cohorts WITHOUT full ratio patterns: basic Price/Ratio charts only (no Z-Scores)
- */
-
-import { colors } from "../../utils/colors.js";
-import { createPriceRatioCharts, mapCohortsWithAll, priceRatioPercentilesTree } from "../shared.js";
-import { baseline, price } from "../series.js";
-import { Unit } from "../../utils/units.js";
-
-/**
- * Create prices section for cohorts with full ratio patterns
- * (CohortAll, CohortFull, CohortLongTerm)
- * @param {{ cohort: CohortAll | CohortFull | CohortLongTerm, title: (name: string) => string }} args
- * @returns {PartialOptionsGroup}
- */
-export function createPricesSectionFull({ cohort, title }) {
-  const { tree, color } = cohort;
-  return {
-    name: "Prices",
-    tree: [
-      {
-        name: "Compare",
-        title: title("Realized Prices"),
-        top: [
-          price({ series: tree.realized.price, name: "Realized", color: colors.realized }),
-          price({ series: tree.realized.capitalized.price, name: "Capitalized", color: colors.capitalized }),
-        ],
-      },
-      {
-        name: "Realized",
-        tree: createPriceRatioCharts({
-          context: cohort.title,
-          legend: "Realized",
-          pricePattern: tree.realized.price,
-          ratio: tree.realized.price,
-          color,
-          priceTitle: title("Realized Price"),
-          titlePrefix: "Realized Price",
-        }),
-      },
-      {
-        name: "Capitalized",
-        tree: priceRatioPercentilesTree({
-          pattern: tree.realized.capitalized.price,
-          title: title("Capitalized Price"),
-          ratioTitle: title("Capitalized Price Ratio"),
-          legend: "Capitalized",
-          color,
-        }),
-      },
-    ],
-  };
-}
-
-/**
- * Create prices section for cohorts with basic ratio patterns only
- * (CohortWithAdjusted, CohortBasic, CohortAddr, CohortWithoutRelative)
- * @param {{ cohort: CohortWithAdjusted | CohortBasic | CohortAddr | CohortWithoutRelative | CohortAgeRange, title: (name: string) => string }} args
- * @returns {PartialOptionsGroup}
- */
-export function createPricesSectionBasic({ cohort, title }) {
-  const { tree, color } = cohort;
-  return {
-    name: "Prices",
-    tree: [
-      {
-        name: "Realized",
-        tree: [
-          {
-            name: "Price",
-            title: title("Realized Price"),
-            top: [price({ series: tree.realized.price, name: "Realized", color })],
-          },
-          {
-            name: "Ratio",
-            title: title("Realized Price Ratio"),
-            bottom: [
-              baseline({
-                series: tree.realized.price.ratio,
-                name: "Ratio",
-                unit: Unit.ratio,
-                base: 1,
-              }),
-            ],
-          },
-        ],
-      },
-    ],
-  };
-}
-
-/**
- * Create prices section for grouped cohorts
- * @param {{ list: readonly CohortObject[], all: CohortAll, title: (name: string) => string }} args
- * @returns {PartialOptionsGroup}
- */
-/**
- * @param {readonly CohortObject[]} list
- * @param {CohortAll} all
- * @param {(name: string) => string} title
- * @returns {PartialOptionsTree}
- */
-function groupedRealizedPriceItems(list, all, title) {
-  return [
-    {
-      name: "Realized",
-      tree: [
-        {
-          name: "Price",
-          title: title("Realized Price"),
-          top: mapCohortsWithAll(list, all, ({ name, color, tree }) =>
-            price({ series: tree.realized.price, name, color }),
-          ),
-        },
-        {
-          name: "Ratio",
-          title: title("Realized Price Ratio"),
-          bottom: mapCohortsWithAll(list, all, ({ name, color, tree }) =>
-            baseline({ series: tree.realized.mvrv, name, color, unit: Unit.ratio, base: 1 }),
-          ),
-        },
-      ],
-    },
-  ];
-}
-
-/** @param {{ list: readonly CohortObject[], all: CohortAll, title: (name: string) => string }} args */
-export function createGroupedPricesSection({ list, all, title }) {
-  return {
-    name: "Prices",
-    tree: groupedRealizedPriceItems(list, all, title),
-  };
-}
-
-/** @param {{ list: readonly (CohortAll | CohortFull | CohortLongTerm)[], all: CohortAll, title: (name: string) => string }} args */
-export function createGroupedPricesSectionFull({ list, all, title }) {
-  return {
-    name: "Prices",
-    tree: [
-      ...groupedRealizedPriceItems(list, all, title),
-      {
-        name: "Capitalized",
-        tree: [
-          {
-            name: "Price",
-            title: title("Capitalized Price"),
-            top: mapCohortsWithAll(list, all, ({ name, color, tree }) =>
-              price({ series: tree.realized.capitalized.price, name, color }),
-            ),
-          },
-          {
-            name: "Ratio",
-            title: title("Capitalized Price Ratio"),
-            bottom: mapCohortsWithAll(list, all, ({ name, color, tree }) =>
-              baseline({ series: tree.realized.capitalized.price.ratio, name, color, unit: Unit.ratio, base: 1 }),
-            ),
-          },
-        ],
-      },
-    ],
-  };
-}