svelteplot
diff --git a/‎src/lib/marks/Dot.svelte
Lines changed: 9 additions & 5 deletions b/‎src/lib/marks/Dot.svelte
Lines changed: 9 additions & 5 deletions
diff --git a/‎static/examples/arrow/metro.dark.png
219 KB b/‎static/examples/arrow/metro.dark.png
219 KB
diff --git a/‎static/examples/arrow/metro.png
219 KB b/‎static/examples/arrow/metro.png
219 KB
diff --git a/‎static/examples/dot/3-dot-plot.dark.png
-20 Bytes b/‎static/examples/dot/3-dot-plot.dark.png
-20 Bytes
diff --git a/‎static/examples/geo/us-choropleth-canvas.png
721 Bytes b/‎static/examples/geo/us-choropleth-canvas.png
721 Bytes
diff --git a/‎static/examples/regression/cars.png
24 Bytes b/‎static/examples/regression/cars.png
24 Bytes
diff --git a/‎static/examples/regression/faceted.dark.png
-8 Bytes b/‎static/examples/regression/faceted.dark.png
-8 Bytes
diff --git a/‎static/examples/regression/loess.dark.png
18 Bytes b/‎static/examples/regression/loess.dark.png
18 Bytes
diff --git a/‎static/examples/regression/log.dark.png
-3 Bytes b/‎static/examples/regression/log.dark.png
-3 Bytes
@@ -35,13 +35,19 @@
     import { addEventHandlers } from './helpers/events.js';
     import Anchor from './helpers/Anchor.svelte';
 
-    let {
+    const DEFAULTS = {
+        ...getContext<PlotDefaults>('svelteplot/_defaults').dot
+    };
+
+    let markProps: DotMarkProps = $props();
+
+    const {
         data = [{}],
         canvas = false,
         class: className = '',
         dotClass = null,
         ...options
-    }: DotMarkProps = $props();
+    }: DotMarkProps = $derived({ ...DEFAULTS, ...markProps });
 
     const { getPlotState } = getContext<PlotContext>('svelteplot');
     const plot = $derived(getPlotState());
@@ -50,8 +56,6 @@
         return d3Symbol(maybeSymbol(symbolType), size)();
     }
 
-    const { dotRadius } = getContext<PlotDefaults>('svelteplot/_defaults');
-
     const args = $derived(
         // todo: move sorting to Mark
         sort(
@@ -80,7 +84,7 @@
         'fillOpacity',
         'strokeOpacity'
     ]}
-    defaults={{ r: dotRadius, symbol: 'circle' }}
+    defaults={{ r: 3, symbol: 'circle' }}
     {...args}>
     {#snippet children({ mark, usedScales, scaledData })}
         <g class="dot {className || ''}">