Skip to content

Commit

Permalink
removed WithTween wrapper around clipPath to prevent fickering when c…
Browse files Browse the repository at this point in the history
…harts are updated (#3692)
  • Loading branch information
briangregoryholmes authored Dec 14, 2023
1 parent b82fe99 commit 0d86468
Showing 1 changed file with 1 addition and 22 deletions.
23 changes: 1 addition & 22 deletions web-common/src/components/data-graphic/marks/ChunkedLine.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -170,28 +170,7 @@ Over time, we'll make this the default Line implementation, but it's not quite t
{@const x = $xScale(segment[0][xAccessor])}
{@const width =
$xScale(segment.at(-1)[xAccessor]) - $xScale(segment[0][xAccessor])}
<WithTween
initialValue={{
x: x - width / 2,
width: width * 2,
}}
value={{
x,
width,
}}
tweenProps={{
duration,
easing: cubicOut,
}}
let:output
>
<rect
x={output.x}
y={0}
height={$yScale.range()[0]}
width={output.width}
/>
</WithTween>
<rect {x} y={0} height={$yScale.range()[0]} {width} />
{/each}
</clipPath>
</defs>
Expand Down

1 comment on commit 0d86468

@github-actions
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.