{#if tip}
{tip.label}
{/if}
{#if showGrid} {#each xTicks as tick (tick)}
{/each} {#each yTicks as tick (tick)}
{/each} {/if} {#each yTicks as tick (tick)}
{formatTick(tick)}{unitY}
{/each} {#each xTicks as tick (tick)}
{formatTick(tick)}{unitX}
{/each} {#if yLabel}
{yLabel}
{/if} {#if xLabel}
{xLabel}
{/if} {#each data as point, i (i)} {@const cx = sx(point.x)} {@const cy = sy(point.y)} {@const r = point.size ?? dotRadius} {@const color = point.color ?? (point.group ? groupColor[point.group] : palette[0])}
{ active = i; tip = { label: point.label ?? `${formatTick(point.x)}${unitX}, ${formatTick(point.y)}${unitY}`, x: cx, y: cy - r - 4 }; }} onmouseleave={() => { active = null; tip = null; }} onclick={() => onselect?.(point)} /> {/each}
{#if groups.length > 0}
{#each groups as g (g)}
{g}
{/each}
{/if}