Running mean

<script lang="ts">
    // imports etc.
    let smoothed = $derived(
        windowY(
            {
                data: stocks,
                x: 'Date',
                y: 'Close',
                z: 'Symbol'
            },
            { k: 5 }
        )
    )
</script>

<Plot grid y={{ type: 'log', base: 5 }} marginRight={75}>
    <RectX
        {...binX(
            {
                data: stocks,
                x: 'Date',
                y1: 'Low',
                y2: 'High',
                fill: 'Symbol'
            },
            { y1: 'min', y2: 'max', interval: '2 weeks' }
        )}
        opacity="0.4"
        strokeWidth="1.5" />
    <Line
        {...smoothed}
        stroke="Symbol"
        strokeWidth="2"
        markerEnd="dot" />
    <Text
        {...selectLast(smoothed)}
        fill="Symbol"
        text="Symbol"
        dx="10"
        textAnchor="start" />
</Plot>