Question: Spline endContent point value

[eric-blue]

Hey sorry if this is not the place for this. I was wondering if there was a way to get the value of the end/endContent slot for the spline, or some util that i can use to access the end value and insert it myself?

<Spline motion="tween" draw={{ duration: 2300 }} y={(d) => d.y1} stroke="#dad">
     {#snippet end({ point })} // for some reason endContent doesn't do anything for me
         <Text value={point.value} verticalAnchor="middle" dx={4} />
     {/snippet}
</Spline> 

Thanks!

[techniq]

Hey @eric-blue 👋

Going for something like this...

CleanShot.2025-06-02.at.21.17.35.mp4

you can accomplish this by using context.yScale.invert(point.y) to convert the SVG coordinate to a data value

<Spline {curve} draw={{ duration: 3000 }} class="stroke-primary stroke-2">
  {#snippet endContent({ point })}
    <Circle r={5} class="fill-primary" />
    <Text
      value={format(context.yScale?.invert?.(point.y), 'decimal')}
      textAnchor="start"
      verticalAnchor="middle"
      dx={8}
    />
  {/snippet}
</Spline>

although this is a common use case so I just simplified it to

<Spline
  {curve}
  draw={{ duration: 3000 }}
  class="stroke-primary stroke-2"
>
  {#snippet endContent({ value })}
    <Circle r={5} class="fill-primary" />
    <Text
      value={format(value.y, "decimal")}
      textAnchor="start"
      verticalAnchor="middle"
      dx={8}
    />
  {/snippet}
</Spline>

via #536

[eric-blue]

Hey this is awesome! Thanks for your fast turnaround!!

I will have to wait to use the solution since when trying to bump to the next release a few unrelated things seem to blow up. (draw animation is messed up, spline "fill" is showing and not behaving with my css vars, etc.) I can open a separate issue if you're curious

[techniq]

The yScale.invert) approach is available in 1.0.0 (using let:yScale on the slot as opposed to the consolidated context on snippets.

I'm not aware of any known regressions on next so please feel free to share a minimal repo (or overlooked docs example) and I'll take a look.

[eric-blue]

thanks! I'll open a new issue when i have some time