svelteplot
diff --git a/‎src/lib/types/scale.ts‎
Lines changed: 2 additions & 2 deletions b/‎src/lib/types/scale.ts‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎src/routes/marks/line/CO2Decades.svelte‎
Lines changed: 21 additions & 8 deletions b/‎src/routes/marks/line/CO2Decades.svelte‎
Lines changed: 21 additions & 8 deletions
diff --git a/‎src/routes/tests/+layout.svelte‎
Lines changed: 0 additions & 8 deletions b/‎src/routes/tests/+layout.svelte‎
Lines changed: 0 additions & 8 deletions
diff --git a/‎src/routes/tests/axis-fix-demo.svelte‎
Lines changed: 0 additions & 93 deletions b/‎src/routes/tests/axis-fix-demo.svelte‎
Lines changed: 0 additions & 93 deletions
diff --git a/‎src/routes/tests/bars/+page.md‎
Lines changed: 0 additions & 46 deletions b/‎src/routes/tests/bars/+page.md‎
Lines changed: 0 additions & 46 deletions
diff --git a/‎src/routes/tests/bars/+page.ts‎
Lines changed: 0 additions & 8 deletions b/‎src/routes/tests/bars/+page.ts‎
Lines changed: 0 additions & 8 deletions
diff --git a/‎src/routes/tests/empty/+page.md‎
Lines changed: 0 additions & 5 deletions b/‎src/routes/tests/empty/+page.md‎
Lines changed: 0 additions & 5 deletions
@@ -1,4 +1,4 @@
-import type { ChannelAccessor, RawValue, ScaledChannelName } from './index.js';
+import type { ChannelAccessor, ColorScheme, RawValue, ScaledChannelName } from './index.js';
 
 export type AxisXAnchor = 'bottom' | 'top' | 'both';
 export type AxisYAnchor = 'left' | 'right' | 'both';
@@ -165,7 +165,7 @@ export type ColorScaleOptions = ScaleOptions & {
     /**
      * the name of the color scheme to use, e.g. 'blues', 'turbo', 'rdylbu'
      */
-    scheme: string;
+    scheme: ColorScheme | string[];
     /**
      * fallback color used for null/undefined
      */
 
@@ -3,18 +3,26 @@
     import { range } from 'd3-array';
     import { page } from '$app/stores';
 
-    let { co2 } = $derived($page.data.data);
+    const { co2 } = $derived($page.data.data);
 
-    let co2decades = $derived(
+    type CO2Decade = {
+        date: Date;
+        average: number;
+        interpolated: number;
+        decadeBaseYear: number;
+        yearInDecade: number;
+    };
+
+    const co2decades = $derived(
         co2.map((d: { date: Date }) => {
             const y = d.date.getFullYear();
             const decadeBaseYear = y - (y % 10);
             const yearInDecade = y - decadeBaseYear + d.date.getMonth() / 12;
             return { ...d, decadeBaseYear, yearInDecade };
-        })
+        }) as CO2Decade[]
     );
 
-    const dateFormat = (date) =>
+    const dateFormat = (date: Date) =>
         date.toLocaleString('default', { month: 'short', year: 'numeric' });
 </script>
 
@@ -49,7 +57,7 @@
         text="text"
         textAnchor="start"
         lineAnchor="top"
-        dy="3"
+        dy={3}
         fontStyle="italic"
         opacity={0.5} />
 
@@ -61,7 +69,7 @@
         z="decadeBaseYear"
         x="yearInDecade"
         stroke="average"
-        strokeWidth="1.7"
+        strokeWidth={1.7}
         y="average" />
 
     <!-- labels -->
@@ -71,11 +79,16 @@
             x: 'yearInDecade',
             y: 'average',
             z: 'decadeBaseYear'
-        })}
+        }) as {
+            x: string;
+            y: string;
+            z: string;
+            data: CO2Decade[];
+        }}
         text={(d) =>
             `${Math.max(d.decadeBaseYear, co2decades[0].date.getFullYear())}-'${String(Math.min(d.decadeBaseYear + 9, co2decades.at(-1).date.getFullYear())).substring(2)}`}
         textAnchor="start"
-        dx="5"
+        dx={5}
         stroke="var(--svelteplot-bg)"
         strokeWidth={3}
         fill="average" />