diff --git a/.changeset/poor-waves-protect.md b/.changeset/poor-waves-protect.md
new file mode 100644
index 000000000..edd412c29
--- /dev/null
+++ b/.changeset/poor-waves-protect.md
@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat(Bar): Add `none` rounded option
diff --git a/.changeset/tough-mangos-tie.md b/.changeset/tough-mangos-tie.md
new file mode 100644
index 000000000..98ae14e2b
--- /dev/null
+++ b/.changeset/tough-mangos-tie.md
@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat(Bar): Support `rounded="edge"` for value and orientation aware single edge rounding
diff --git a/.changeset/yellow-maps-tell.md b/.changeset/yellow-maps-tell.md
new file mode 100644
index 000000000..61a4dd310
--- /dev/null
+++ b/.changeset/yellow-maps-tell.md
@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat(BarChart): Use new `rounded="edge"` for better default rounding, especially with `seriesLayout="stack"`
diff --git a/packages/layerchart/src/lib/components/Bar.svelte b/packages/layerchart/src/lib/components/Bar.svelte
index a0fa1d8e0..97b1bd510 100644
--- a/packages/layerchart/src/lib/components/Bar.svelte
+++ b/packages/layerchart/src/lib/components/Bar.svelte
@@ -5,10 +5,12 @@
   import Rect from './Rect.svelte';
   import Spline from './Spline.svelte';
 
-  import { createDimensionGetter } from '$lib/utils/rect.js';
-  import type { Accessor } from '../utils/common.js';
+  import { createDimensionGetter } from '../utils/rect.js';
+  import { isScaleBand } from '../utils/scales.js';
+  import { accessor, type Accessor } from '../utils/common.js';
+  import { greatestAbs } from '@layerstack/utils/array';
 
-  const { x: xContext, y: yContext } = chartContext();
+  const { x: xContext, y: yContext, xScale } = chartContext();
 
   export let bar: Object;
 
@@ -40,6 +42,8 @@
   /** Control which corners are rounded with radius.  Uses <path> instead of <rect> when not set to `all` */
   export let rounded:
     | 'all'
+    | 'none'
+    | 'edge'
     | 'top'
     | 'bottom'
     | 'left'
@@ -65,10 +69,27 @@
   });
   $: dimensions = $getDimensions(bar) ?? { x: 0, y: 0, width: 0, height: 0 };
 
-  $: topLeft = ['all', 'top', 'left', 'top-left'].includes(rounded);
-  $: topRight = ['all', 'top', 'right', 'top-right'].includes(rounded);
-  $: bottomLeft = ['all', 'bottom', 'left', 'bottom-left'].includes(rounded);
-  $: bottomRight = ['all', 'bottom', 'right', 'bottom-right'].includes(rounded);
+  $: isVertical = isScaleBand($xScale);
+  $: valueAccessor = accessor(isVertical ? y : x);
+  $: value = valueAccessor(bar);
+  $: resolvedValue = Array.isArray(value) ? greatestAbs(value) : value;
+
+  // Resolved `rounded="edge"` based on orientation and value
+  $: _rounded =
+    rounded === 'edge'
+      ? isVertical
+        ? resolvedValue >= 0
+          ? 'top'
+          : 'bottom'
+        : resolvedValue >= 0
+          ? 'right'
+          : 'left'
+      : rounded;
+
+  $: topLeft = ['all', 'top', 'left', 'top-left'].includes(_rounded);
+  $: topRight = ['all', 'top', 'right', 'top-right'].includes(_rounded);
+  $: bottomLeft = ['all', 'bottom', 'left', 'bottom-left'].includes(_rounded);
+  $: bottomRight = ['all', 'bottom', 'right', 'bottom-right'].includes(_rounded);
 
   $: width = dimensions.width;
   $: height = dimensions.height;
@@ -87,7 +108,7 @@
     .join('');
 </script>
 
-{#if rounded === 'all'}
+{#if _rounded === 'all' || radius === 0}
   <Rect
     {fill}
     {spring}
diff --git a/packages/layerchart/src/lib/components/Bars.svelte b/packages/layerchart/src/lib/components/Bars.svelte
index 102503817..f6f24dc2f 100644
--- a/packages/layerchart/src/lib/components/Bars.svelte
+++ b/packages/layerchart/src/lib/components/Bars.svelte
@@ -43,18 +43,20 @@
 
   export let spring: ComponentProps<Rect>['spring'] = undefined;
   export let tweened: ComponentProps<Rect>['tweened'] = undefined;
+
+  $: _data = chartDataArray(data ?? $contextData);
 </script>
 
 <g class="Bars">
   <slot>
-    {#each chartDataArray(data ?? $contextData) as item}
+    {#each _data as d, i}
       <Bar
-        bar={item}
+        bar={d}
         {x}
         {y}
         {x1}
         {y1}
-        fill={fill ?? ($config.c ? $cGet(item) : null)}
+        fill={fill ?? ($config.c ? $cGet(d) : null)}
         {stroke}
         {strokeWidth}
         {radius}
diff --git a/packages/layerchart/src/lib/components/charts/BarChart.svelte b/packages/layerchart/src/lib/components/charts/BarChart.svelte
index ea50c9239..4ed1e9e6f 100644
--- a/packages/layerchart/src/lib/components/charts/BarChart.svelte
+++ b/packages/layerchart/src/lib/components/charts/BarChart.svelte
@@ -150,20 +150,16 @@
   }
 
   function getBarsProps(s: (typeof series)[number], i: number) {
+    const valueAccesor = stackSeries
+      ? (d: any) => d.stackData[i]
+      : (s.value ?? (s.data ? undefined : s.key));
     const barsProps: ComponentProps<Bars> = {
       data: s.data,
-      x: !isVertical
-        ? stackSeries
-          ? (d) => d.stackData[i]
-          : (s.value ?? (s.data ? undefined : s.key))
-        : undefined,
-      y: isVertical
-        ? stackSeries
-          ? (d) => d.stackData[i]
-          : (s.value ?? (s.data ? undefined : s.key))
-        : undefined,
+      x: !isVertical ? valueAccesor : undefined,
+      y: isVertical ? valueAccesor : undefined,
       x1: isVertical && groupSeries ? (d) => s.value ?? s.key : undefined,
       y1: !isVertical && groupSeries ? (d) => s.value ?? s.key : undefined,
+      rounded: seriesLayout.startsWith('stack') && i !== series.length - 1 ? 'none' : 'edge',
       radius: 4,
       strokeWidth: 1,
       fill: s.color,
diff --git a/packages/layerchart/src/routes/docs/components/BarChart/+page.svelte b/packages/layerchart/src/routes/docs/components/BarChart/+page.svelte
index d67f153f0..049add203 100644
--- a/packages/layerchart/src/routes/docs/components/BarChart/+page.svelte
+++ b/packages/layerchart/src/routes/docs/components/BarChart/+page.svelte
@@ -229,13 +229,11 @@
         {
           key: 'value',
           color: 'hsl(var(--color-primary))',
-          props: { rounded: 'top' },
         },
         {
           key: 'baseline',
           value: (d) => -d.baseline,
           color: 'hsl(var(--color-secondary))',
-          props: { rounded: 'bottom' },
         },
       ]}
     />
@@ -261,12 +259,10 @@
           key: 'male',
           value: (d) => -d.male,
           color: 'hsl(var(--color-primary))',
-          props: { rounded: 'left' },
         },
         {
           key: 'female',
           color: 'hsl(var(--color-secondary))',
-          props: { rounded: 'right' },
         },
       ]}
     >
@@ -316,13 +312,11 @@
           key: 'male',
           value: (d) => -d.male / totalPopulation,
           color: 'hsl(var(--color-primary))',
-          props: { rounded: 'left' },
         },
         {
           key: 'female',
           value: (d) => d.female / totalPopulation,
           color: 'hsl(var(--color-secondary))',
-          props: { rounded: 'right' },
         },
       ]}
     >
@@ -549,7 +543,12 @@
       data={wideData}
       x="year"
       series={[
-        { key: 'apples', value: (d) => -d.apples, color: 'hsl(var(--color-danger))' },
+        {
+          key: 'apples',
+          value: (d) => -d.apples,
+          color: 'hsl(var(--color-danger))',
+          props: { rounded: 'bottom' },
+        },
         {
           key: 'bananas',
           color: 'hsl(var(--color-warning))',
@@ -797,7 +796,7 @@
       axis="x"
       bandPadding={0.1}
       props={{
-        bars: { radius: 4, strokeWidth: 0 },
+        bars: { radius: 4, strokeWidth: 0, rounded: 'all' },
         highlight: { bar: { radius: 4, class: 'stroke-current stroke-2 fill-none' } },
         xAxis: { ticks: (scale) => scaleTime(scale.domain(), scale.range()).ticks() },
         rule: { y: false },
diff --git a/packages/layerchart/src/routes/docs/examples/Bars/+page.svelte b/packages/layerchart/src/routes/docs/examples/Bars/+page.svelte
index 68b136b4d..586efa285 100644
--- a/packages/layerchart/src/routes/docs/examples/Bars/+page.svelte
+++ b/packages/layerchart/src/routes/docs/examples/Bars/+page.svelte
@@ -126,7 +126,7 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
       </Svg>
     </Chart>
   </div>
@@ -179,7 +179,7 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
         <Highlight area />
       </Svg>
       <Tooltip.Root let:data>
@@ -215,11 +215,7 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars
-          radius={4}
-          strokeWidth={1}
-          class="fill-primary group-hover:fill-gray-300 transition-colors"
-        />
+        <Bars strokeWidth={1} class="fill-primary group-hover:fill-gray-300 transition-colors" />
         <Highlight area bar={{ class: 'fill-primary', strokeWidth: 1, radius: 4 }} />
       </Svg>
       <Tooltip.Root let:data>
@@ -255,15 +251,11 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars
-          radius={4}
-          strokeWidth={1}
-          class="fill-primary group-hover:fill-gray-300 transition-colors"
-        />
+        <Bars strokeWidth={1} class="fill-primary group-hover:fill-gray-300 transition-colors" />
         <Highlight area>
           <svelte:fragment slot="area" let:area>
             <RectClipPath x={area.x} y={area.y} width={area.width} height={area.height} spring>
-              <Bars radius={4} strokeWidth={1} class="fill-primary" />
+              <Bars strokeWidth={1} class="fill-primary" />
             </RectClipPath>
           </svelte:fragment>
         </Highlight>
@@ -299,7 +291,7 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
       </Svg>
     </Chart>
   </div>
@@ -324,7 +316,7 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
       </Svg>
     </Chart>
   </div>
@@ -351,7 +343,7 @@
           rule
         />
         <Rule x={0} />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
         <Labels format="integer" />
       </Svg>
     </Chart>
@@ -378,7 +370,7 @@
           rule
         />
         <Rule x={0} />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
         <Labels placement="inside" format="integer" />
       </Svg>
     </Chart>
@@ -406,7 +398,7 @@
           ticks={4}
           rule
         />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
       </Svg>
     </Chart>
   </div>
@@ -433,7 +425,7 @@
           ticks={(scale) => scaleTime(scale.domain(), scale.range()).ticks(4)}
           rule
         />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
       </Svg>
     </Chart>
   </div>
@@ -460,7 +452,7 @@
           rule
         />
         <LinearGradient class="from-green-400 to-blue-500" units="userSpaceOnUse" let:url>
-          <Bars radius={4} strokeWidth={1} fill={url} class="stroke-blue-900" />
+          <Bars strokeWidth={1} fill={url} class="stroke-blue-900" />
         </LinearGradient>
       </Svg>
     </Chart>
@@ -491,7 +483,6 @@
           {#each data as bar, i}
             <Bar
               {bar}
-              radius={4}
               strokeWidth={1}
               class={i === data.length - 1 ? 'fill-primary' : 'fill-surface-content'}
             />
@@ -522,7 +513,7 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
         <Pattern id="highlight-pattern" width={8} height={8}>
           <rect width={8} height={8} class="fill-secondary/10" />
           <line x1={8} y2={8} class="stroke-secondary/30" />
@@ -556,7 +547,7 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
         <Highlight
           data={data[3]}
           lines={{ class: 'stroke-2 stroke-danger [stroke-dasharray:4] [stroke-linecap:round] ' }}
@@ -589,7 +580,7 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
         <Rule x={avg} class="stroke-2 stroke-danger [stroke-dasharray:4] [stroke-linecap:round] " />
         <Text
           x={xScale(avg)}
@@ -619,7 +610,7 @@
       padding={{ left: 16, bottom: 24 }}
     >
       <Svg>
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
         <Axis placement="bottom" grid={{ class: 'stroke-surface-100' }} rule />
         <Axis
           placement="left"
@@ -645,7 +636,7 @@
       padding={{ left: 16, bottom: 24 }}
     >
       <Svg>
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
         <Axis placement="bottom" grid={{ class: 'mix-blend-multiply' }} rule />
         <Axis
           placement="left"
@@ -678,8 +669,8 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars x="baseline" radius={4} strokeWidth={1} class="fill-surface-content/20" />
-        <Bars x="value" radius={4} strokeWidth={1} inset={16} class="fill-primary" />
+        <Bars x="baseline" strokeWidth={1} class="fill-surface-content/20" />
+        <Bars x="value" strokeWidth={1} inset={16} class="fill-primary" />
         <Highlight area />
       </Svg>
       <Tooltip.Root let:data>
@@ -711,14 +702,8 @@
       <Svg>
         <Axis placement="bottom" grid rule />
         <Axis placement="left" format={(d) => format(d, PeriodType.Day, { variant: 'short' })} />
-        <Bars x="value" radius={4} rounded="right" strokeWidth={1} class="fill-primary" />
-        <Bars
-          x={(d) => -d.baseline}
-          radius={4}
-          rounded="left"
-          strokeWidth={1}
-          class="fill-secondary"
-        />
+        <Bars x="value" rounded="right" strokeWidth={1} class="fill-primary" />
+        <Bars x={(d) => -d.baseline} rounded="left" strokeWidth={1} class="fill-secondary" />
         <Rule x={0} />
 
         <Highlight area />
@@ -771,7 +756,6 @@
                 x: { duration: 500, easing: cubicInOut },
                 width: { duration: 500, easing: cubicInOut },
               }}
-              radius={4}
               strokeWidth={1}
               class="fill-primary"
             />
@@ -819,7 +803,6 @@
                   x: { duration: 500, easing: cubicInOut, delay: i * 30 },
                   width: { duration: 500, easing: cubicInOut, delay: i * 30 },
                 }}
-                radius={4}
                 strokeWidth={1}
                 class="fill-primary"
               />
@@ -856,7 +839,7 @@
       <Svg>
         <Axis placement="bottom" grid rule />
         <Axis placement="left" rule />
-        <Bars radius={4} strokeWidth={1} />
+        <Bars strokeWidth={1} />
         <Highlight area />
       </Svg>
 
@@ -909,7 +892,7 @@
       <Svg>
         <Axis placement="bottom" grid rule />
         <Axis placement="left" rule />
-        <Bars radius={4} strokeWidth={1} />
+        <Bars strokeWidth={1} />
         <Highlight area />
       </Svg>
 
@@ -962,7 +945,7 @@
       <Svg>
         <Axis placement="bottom" grid rule format="percentRound" />
         <Axis placement="left" rule />
-        <Bars radius={4} strokeWidth={1} />
+        <Bars strokeWidth={1} />
         <Highlight area />
       </Svg>
 
@@ -1019,7 +1002,7 @@
       <Svg>
         <Axis placement="bottom" grid rule />
         <Axis placement="left" rule />
-        <Bars radius={4} strokeWidth={1} />
+        <Bars strokeWidth={1} />
         <Highlight area />
       </Svg>
 
@@ -1096,7 +1079,6 @@
             <Bar
               {bar}
               fill={cScale?.(bar.fruit)}
-              radius={4}
               strokeWidth={1}
               tweened={{
                 x: { easing: cubicInOut, delay: transitionChart.groupBy ? 0 : 300 },
@@ -1183,7 +1165,6 @@
             <Bar
               {bar}
               fill={cScale?.(bar.fruit)}
-              radius={4}
               strokeWidth={1}
               tweened={{
                 x: { easing: cubicInOut, delay: transitionChart.groupBy ? 0 : 300 },
@@ -1245,7 +1226,7 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
         <Highlight area />
       </Svg>
     </Chart>
diff --git a/packages/layerchart/src/routes/docs/examples/Columns/+page.svelte b/packages/layerchart/src/routes/docs/examples/Columns/+page.svelte
index f0168b179..840076de3 100644
--- a/packages/layerchart/src/routes/docs/examples/Columns/+page.svelte
+++ b/packages/layerchart/src/routes/docs/examples/Columns/+page.svelte
@@ -126,7 +126,7 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
       </Svg>
     </Chart>
   </div>
@@ -179,7 +179,7 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
         <Highlight area />
       </Svg>
       <Tooltip.Root let:data>
@@ -215,11 +215,7 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars
-          radius={4}
-          strokeWidth={1}
-          class="fill-primary group-hover:fill-gray-300 transition-colors"
-        />
+        <Bars strokeWidth={1} class="fill-primary group-hover:fill-gray-300 transition-colors" />
         <Highlight area bar={{ class: 'fill-primary', strokeWidth: 1, radius: 4 }} />
       </Svg>
       <Tooltip.Root let:data>
@@ -255,15 +251,11 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars
-          radius={4}
-          strokeWidth={1}
-          class="fill-primary group-hover:fill-gray-300 transition-colors"
-        />
+        <Bars strokeWidth={1} class="fill-primary group-hover:fill-gray-300 transition-colors" />
         <Highlight area>
           <svelte:fragment slot="area" let:area>
             <RectClipPath x={area.x} y={area.y} width={area.width} height={area.height} spring>
-              <Bars radius={4} strokeWidth={1} class="fill-primary" />
+              <Bars strokeWidth={1} class="fill-primary" />
             </RectClipPath>
           </svelte:fragment>
         </Highlight>
@@ -299,7 +291,7 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
       </Svg>
     </Chart>
   </div>
@@ -324,7 +316,7 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
       </Svg>
     </Chart>
   </div>
@@ -352,7 +344,7 @@
           rule
         />
         <Rule y={0} />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
         <Labels format="integer" />
       </Svg>
     </Chart>
@@ -380,7 +372,7 @@
           rule
         />
         <Rule y={0} />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
         <Labels placement="inside" format="integer" />
       </Svg>
     </Chart>
@@ -408,7 +400,7 @@
           ticks={4}
           rule
         />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
       </Svg>
     </Chart>
   </div>
@@ -435,7 +427,7 @@
           ticks={(scale) => scaleTime(scale.domain(), scale.range()).ticks(4)}
           rule
         />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
       </Svg>
     </Chart>
   </div>
@@ -462,7 +454,7 @@
           rule
         />
         <LinearGradient class="from-blue-500 to-green-400" vertical units="userSpaceOnUse" let:url>
-          <Bars radius={4} strokeWidth={1} fill={url} class="stroke-blue-900" />
+          <Bars strokeWidth={1} fill={url} class="stroke-blue-900" />
         </LinearGradient>
       </Svg>
     </Chart>
@@ -493,7 +485,6 @@
           {#each data as bar, i}
             <Bar
               {bar}
-              radius={4}
               strokeWidth={1}
               class={i === data.length - 4 ? 'fill-primary' : 'fill-surface-content'}
             />
@@ -524,7 +515,7 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
         <Pattern id="highlight-pattern" width={8} height={8}>
           <rect width={8} height={8} class="fill-secondary/10" />
           <line x1={8} y2={8} class="stroke-secondary/30" />
@@ -558,7 +549,7 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
         <Highlight
           data={data[3]}
           lines={{ class: 'stroke-2 stroke-danger [stroke-dasharray:4] [stroke-linecap:round] ' }}
@@ -592,7 +583,7 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
         <Rule y={avg} class="stroke-2 stroke-danger [stroke-dasharray:4] [stroke-linecap:round] " />
         <Text
           x={width}
@@ -622,7 +613,7 @@
       padding={{ left: 16, bottom: 24 }}
     >
       <Svg>
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
         <Axis placement="left" grid={{ class: 'stroke-surface-100' }} rule />
         <Axis
           placement="bottom"
@@ -648,7 +639,7 @@
       padding={{ left: 16, bottom: 24 }}
     >
       <Svg>
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
         <Axis placement="left" grid={{ class: 'mix-blend-multiply' }} rule />
         <Axis
           placement="bottom"
@@ -681,8 +672,8 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars y="baseline" radius={4} strokeWidth={1} class="fill-surface-content/20" />
-        <Bars y="value" radius={4} strokeWidth={1} inset={8} class="fill-primary" />
+        <Bars y="baseline" strokeWidth={1} class="fill-surface-content/20" />
+        <Bars y="value" strokeWidth={1} inset={8} class="fill-primary" />
         <Highlight area />
       </Svg>
       <Tooltip.Root let:data>
@@ -714,14 +705,8 @@
       <Svg>
         <Axis placement="left" grid rule format={(d) => format(Math.abs(d), 'integer')} />
         <Axis placement="bottom" format={(d) => format(d, PeriodType.Day, { variant: 'short' })} />
-        <Bars y="value" radius={4} rounded="top" strokeWidth={1} class="fill-primary" />
-        <Bars
-          y={(d) => -d.baseline}
-          radius={4}
-          rounded="bottom"
-          strokeWidth={1}
-          class="fill-secondary"
-        />
+        <Bars y="value" rounded="top" strokeWidth={1} class="fill-primary" />
+        <Bars y={(d) => -d.baseline} rounded="bottom" strokeWidth={1} class="fill-secondary" />
         <Rule y={0} />
         <Highlight area />
       </Svg>
@@ -773,7 +758,6 @@
                 y: { duration: 500, easing: cubicInOut },
                 height: { duration: 500, easing: cubicInOut },
               }}
-              radius={4}
               strokeWidth={1}
               class="fill-primary"
             />
@@ -821,7 +805,6 @@
                   y: { duration: 500, easing: cubicInOut, delay: i * 30 },
                   height: { duration: 500, easing: cubicInOut, delay: i * 30 },
                 }}
-                radius={4}
                 strokeWidth={1}
                 class="fill-primary"
               />
@@ -858,7 +841,7 @@
       <Svg>
         <Axis placement="left" grid rule />
         <Axis placement="bottom" rule />
-        <Bars radius={4} strokeWidth={1} />
+        <Bars strokeWidth={1} />
         <Highlight area />
       </Svg>
 
@@ -911,7 +894,7 @@
       <Svg>
         <Axis placement="left" grid rule />
         <Axis placement="bottom" rule />
-        <Bars radius={4} strokeWidth={1} />
+        <Bars strokeWidth={1} />
         <Highlight area />
       </Svg>
 
@@ -964,7 +947,7 @@
       <Svg>
         <Axis placement="left" grid rule format="percentRound" />
         <Axis placement="bottom" rule />
-        <Bars radius={4} strokeWidth={1} />
+        <Bars strokeWidth={1} />
         <Highlight area />
       </Svg>
 
@@ -1021,7 +1004,7 @@
       <Svg>
         <Axis placement="left" grid rule />
         <Axis placement="bottom" rule />
-        <Bars radius={4} strokeWidth={1} />
+        <Bars strokeWidth={1} />
         <Highlight area />
       </Svg>
 
@@ -1097,7 +1080,6 @@
             <Bar
               {bar}
               fill={cScale?.(bar.fruit)}
-              radius={4}
               strokeWidth={1}
               tweened={{
                 x: { easing: cubicInOut, delay: transitionChart.groupBy ? 0 : 300 },
@@ -1183,7 +1165,6 @@
             <Bar
               {bar}
               fill={cScale?.(bar.fruit)}
-              radius={4}
               strokeWidth={1}
               tweened={{
                 x: { easing: cubicInOut, delay: transitionChart.groupBy ? 0 : 300 },
@@ -1245,7 +1226,7 @@
           format={(d) => format(d, PeriodType.Day, { variant: 'short' })}
           rule
         />
-        <Bars radius={4} strokeWidth={1} class="fill-primary" />
+        <Bars strokeWidth={1} class="fill-primary" />
         <Highlight area />
       </Svg>
     </Chart>