From 36dad18fe31cfb692dbf520a1b64e2b3845daedf Mon Sep 17 00:00:00 2001 From: Sean Lynch Date: Tue, 3 Jun 2025 14:46:43 -0400 Subject: [PATCH 1/3] Consolidate Dual Axis examples into Compound --- .../layerchart/src/routes/_NavMenu.svelte | 1 - .../docs/examples/Compound/+page.svelte | 133 ++++++++++++++++- .../routes/docs/examples/Compound/+page.ts | 7 + .../docs/examples/DualAxis/+page.svelte | 135 ------------------ .../routes/docs/examples/DualAxis/+page.ts | 17 --- 5 files changed, 135 insertions(+), 158 deletions(-) delete mode 100644 packages/layerchart/src/routes/docs/examples/DualAxis/+page.svelte delete mode 100644 packages/layerchart/src/routes/docs/examples/DualAxis/+page.ts diff --git a/packages/layerchart/src/routes/_NavMenu.svelte b/packages/layerchart/src/routes/_NavMenu.svelte index 0a855771d..23450850e 100644 --- a/packages/layerchart/src/routes/_NavMenu.svelte +++ b/packages/layerchart/src/routes/_NavMenu.svelte @@ -15,7 +15,6 @@ 'Candlestick', 'Compound', 'Duration', - 'DualAxis', 'Histogram', 'Line', 'Oscilloscope', diff --git a/packages/layerchart/src/routes/docs/examples/Compound/+page.svelte b/packages/layerchart/src/routes/docs/examples/Compound/+page.svelte index eb4313468..cc83bf1fb 100644 --- a/packages/layerchart/src/routes/docs/examples/Compound/+page.svelte +++ b/packages/layerchart/src/routes/docs/examples/Compound/+page.svelte @@ -1,5 +1,6 @@ - -

Examples

- -

Single chart with remapping scale

- - -
- - yScale.domain()} - padding={{ top: 24, bottom: 24, left: 24, right: 24 }} - tooltip={{ mode: 'bisect-x' }} - > - {#snippet children({ context })} - - - - - - context.y1Scale?.(d.efficiency)} class="stroke-2 stroke-secondary" /> - - context.y1Scale?.(d.efficiency)} - /> - - - - {#snippet children({ data })} - {data.year} - - - - - {/snippet} - - {/snippet} - -
-
- -

Stacked Charts

- - -
- - - - - - - - - - - - - - - - - - - - - {#snippet children({ data })} - {data.year} - - - - - {/snippet} - - -
-
diff --git a/packages/layerchart/src/routes/docs/examples/DualAxis/+page.ts b/packages/layerchart/src/routes/docs/examples/DualAxis/+page.ts deleted file mode 100644 index 9d71fadd3..000000000 --- a/packages/layerchart/src/routes/docs/examples/DualAxis/+page.ts +++ /dev/null @@ -1,17 +0,0 @@ -import { autoType, csvParse } from 'd3-dsv'; - -import pageSource from './+page.svelte?raw'; -import type { NewPassengerCars } from '$static/data/examples/new-passenger-cars.js'; - -export async function load({ fetch }) { - return { - newPassengerCars: await fetch('/data/examples/new-passenger-cars.csv').then(async (r) => - // @ts-expect-error - csvParse(await r.text(), autoType) - ), - meta: { - pageSource, - related: ['examples/Compound'], - }, - }; -} From 699a9d5ee69d48a3d7c83ede39aaa6574de826f8 Mon Sep 17 00:00:00 2001 From: Sean Lynch Date: Tue, 3 Jun 2025 16:08:31 -0400 Subject: [PATCH 2/3] docs(Compound): Add example with second stacked chart with inverted range (top-down --- .../docs/examples/Compound/+page.svelte | 98 +- .../routes/docs/examples/Compound/+page.ts | 3 + .../docs/examples/Compound/hydropgraph.js | 1507 +++++++++++++++++ 3 files changed, 1607 insertions(+), 1 deletion(-) create mode 100644 packages/layerchart/src/routes/docs/examples/Compound/hydropgraph.js diff --git a/packages/layerchart/src/routes/docs/examples/Compound/+page.svelte b/packages/layerchart/src/routes/docs/examples/Compound/+page.svelte index cc83bf1fb..ca80e5e7e 100644 --- a/packages/layerchart/src/routes/docs/examples/Compound/+page.svelte +++ b/packages/layerchart/src/routes/docs/examples/Compound/+page.svelte @@ -1,6 +1,7 @@