@tennisvisuals/scoring-visualizations 0.2.1

package/dist/visualizations/horizonChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizonChart.d.ts","sourceRoot":"","sources":["../../src/visualizations/horizonChart.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAMH,KAAK,kBAAkB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE7C,UAAU,mBAAmB;IAC3B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,OAAO,EAAE;QACP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;QACxB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;QAC1B,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;QACvC,cAAc,EAAE,MAAM,CAAC;QACvB,WAAW,EAAE,kBAAkB,CAAC;KACjC,CAAC;IACF,MAAM,EAAE;QAAE,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;CAC3C;AAED,UAAU,kBAAkB;IAC1B,MAAM,EAAE;QAAE,KAAK,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;QAAC,GAAG,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAA;KAAE,CAAC;IACjE,KAAK,EAAE;QAAE,KAAK,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,CAAA;KAAE,CAAC;IAC/C,IAAI,EAAE;QAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;QAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,CAAA;KAAE,CAAC;CAC5G;AAED,wBAAgB,YAAY;gBA+BA,GAAG;qBA4GM,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;uBAMjB,OAAO,CAAC,kBAAkB,CAAC;kBAMhC,MAAM;mBAML,MAAM;kBAMP,GAAG;mBAMF,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE;;kBAcnB,MAAM;iBAOP,MAAM;qBAMF,MAAM;wBAMH,MAAM;wBAMN,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;EAQvE"}

package/dist/visualizations/horizonChart.js

@@ -0,0 +1,215 @@
+/* eslint-disable */
+// @ts-nocheck
+/**
+ * Horizon Chart — Single-set renderer (D3 v7)
+ *
+ * Renders one horizon chart for a single set's differential data.
+ * Takes sdata: [index, diff][] and renders colored area bands —
+ * positive values fan out in one color, negative in another,
+ * stacked by band count.
+ */
+import { select, scaleLinear, area, curveBasis, curveLinear, range as d3Range } from 'd3';
+import { keyWalk } from './utils/keyWalk';
+import { generateId } from './utils/generateId';
+export function horizonChart() {
+    let updateFn;
+    let data;
+    let sdata = [];
+    const options = {
+        id: generateId(),
+        width: 960,
+        height: 100,
+        position: { x: 0, y: 0 },
+        display: {
+            ppp: undefined,
+            bands: 1,
+            mode: 'mirror',
+            orientation: 'horizontal',
+            transitionTime: 0,
+            interpolate: 'basis',
+        },
+        bounds: { vRangeMax: undefined },
+    };
+    const colorScale = scaleLinear()
+        .domain([-options.display.bands, 0, 0, options.display.bands])
+        .range(['#08519c', '#bdd7e7', '#bae4b3', '#006d2c']);
+    const events = {
+        update: { begin: null, end: null },
+        chart: { click: null },
+        path: { mouseover: null, mouseout: null },
+    };
+    function chart(selection) {
+        selection.each(function (_, i, n) {
+            const root = select(n[i]).append('svg:g').attr('class', 'hcc').append('a');
+            updateFn = function () {
+                const horizontal = options.display.orientation === 'horizontal';
+                const bandRange = horizontal ? options.height : options.width;
+                const ppp = options.display.ppp ? options.display.ppp : bandRange / sdata.length;
+                const zwidth = horizontal ? ppp * sdata.length : options.width;
+                const zheight = horizontal ? options.height : ppp * sdata.length;
+                const bands = options.display.bands;
+                const curveType = options.display.interpolate === 'linear' ? curveLinear : curveBasis;
+                root
+                    .attr('width', zwidth)
+                    .attr('height', zheight)
+                    .attr('transform', `translate(${+options.position.x},${+options.position.y})`)
+                    .on('click', function () {
+                    if (events.chart.click)
+                        events.chart.click(data);
+                });
+                // Scales
+                const xExtent = [
+                    Math.min(...sdata.map((d) => d[0])),
+                    Math.max(...sdata.map((d) => d[0])),
+                ];
+                const x = scaleLinear().domain(xExtent).range([0, ppp * sdata.length]);
+                const yMax = options.bounds.vRangeMax ?? Math.max(...sdata.map((d) => Math.abs(d[1])));
+                const y = scaleLinear()
+                    .domain([0, yMax])
+                    .range([0, bandRange * bands]);
+                // Transform function for band positioning
+                let transform;
+                if (horizontal) {
+                    transform =
+                        options.display.mode === 'offset'
+                            ? (d) => `translate(0,${(d + (d < 0 ? 1 : 0) - bands) * bandRange})`
+                            : (d) => `${d < 0 ? 'scale(1,-1)' : ''}translate(0,${(d - bands) * bandRange})`;
+                }
+                else {
+                    transform =
+                        options.display.mode === 'offset'
+                            ? (d) => `translate(${(d + (d < 0 ? 1 : 0) - bands) * bandRange},0)`
+                            : (d) => `${d < 0 ? 'scale(-1,1)' : ''}translate(${(d - bands) * bandRange},0)`;
+                }
+                // Clip path
+                root.selectAll('defs').data([null]).join((enter) => {
+                    const d = enter.append('defs');
+                    d.append('clipPath').attr('id', `horizon_clip${options.id}`).append('rect');
+                    return d;
+                });
+                root
+                    .selectAll('defs')
+                    .select('clipPath')
+                    .select('rect')
+                    .attr('width', zwidth)
+                    .attr('height', zheight);
+                // Clip group
+                root.selectAll('g.horizon-clip').data([null]).join((enter) => enter.append('g')
+                    .attr('class', 'horizon-clip')
+                    .attr('clip-path', `url(#horizon_clip${options.id})`));
+                // Area generator
+                const horizonArea = horizontal
+                    ? area()
+                        .curve(curveType)
+                        .x((d) => x(d[0]))
+                        .y0(bandRange * bands)
+                        .y1((d) => bandRange * bands - y(d[1]))
+                    : area()
+                        .curve(curveType)
+                        .y((d) => x(d[0]))
+                        .x0(bandRange * bands)
+                        .x1((d) => bandRange * bands - y(d[1]));
+                const areaPath = horizonArea(sdata) ?? '';
+                // Band indices: [-1, -2, ..., -bands, 1, 2, ..., bands]
+                const bandIndices = d3Range(-1, -bands - 1, -1).concat(d3Range(1, bands + 1));
+                root.select('g.horizon-clip').selectAll('path').data(bandIndices, Number)
+                    .join('path')
+                    .on('mouseover', function () {
+                    if (events.path.mouseover)
+                        events.path.mouseover(data);
+                })
+                    .on('mouseout', function (_event, d) {
+                    if (events.path.mouseout)
+                        events.path.mouseout(d, 0, this);
+                })
+                    .transition()
+                    .duration(options.display.transitionTime)
+                    .style('fill', (d) => colorScale(d))
+                    .attr('transform', (d) => transform(d))
+                    .attr('d', areaPath);
+            };
+        });
+    }
+    // Accessors
+    chart.options = function (values) {
+        if (!arguments.length)
+            return options;
+        keyWalk(values, options);
+        return chart;
+    };
+    chart.events = function (functions) {
+        if (!arguments.length)
+            return events;
+        keyWalk(functions, events);
+        return chart;
+    };
+    chart.width = function (value) {
+        if (!arguments.length)
+            return options.width;
+        options.width = value;
+        return chart;
+    };
+    chart.height = function (value) {
+        if (!arguments.length)
+            return options.height;
+        options.height = value;
+        return chart;
+    };
+    chart.data = function (values) {
+        if (!arguments.length)
+            return data;
+        data = values;
+        return chart;
+    };
+    chart.sdata = function (values) {
+        if (!arguments.length)
+            return sdata;
+        if (Array.isArray(values))
+            sdata = values;
+        return chart;
+    };
+    chart.update = function () {
+        if (events.update.begin)
+            events.update.begin();
+        if (typeof updateFn === 'function')
+            updateFn();
+        setTimeout(function () {
+            if (events.update.end)
+                events.update.end();
+        }, options.display.transitionTime);
+    };
+    chart.bands = function (value) {
+        if (!arguments.length)
+            return options.display.bands;
+        options.display.bands = +value;
+        colorScale.domain([-options.display.bands, 0, 0, options.display.bands]);
+        return chart;
+    };
+    chart.mode = function (value) {
+        if (!arguments.length)
+            return options.display.mode;
+        options.display.mode = (value + '');
+        return chart;
+    };
+    chart.duration = function (value) {
+        if (!arguments.length)
+            return options.display.transitionTime;
+        options.display.transitionTime = +value;
+        return chart;
+    };
+    chart.orientation = function (value) {
+        if (!arguments.length)
+            return options.display.orientation;
+        options.display.orientation = (value + '');
+        return chart;
+    };
+    chart.colors = function (colorRange) {
+        if (!arguments.length)
+            return colorScale.range();
+        colorScale.domain([-options.display.bands, 0, 0, options.display.bands]);
+        colorScale.range(colorRange);
+        return chart;
+    };
+    return chart;
+}
+//# sourceMappingURL=horizonChart.js.map

package/dist/visualizations/horizonChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizonChart.js","sourceRoot":"","sources":["../../src/visualizations/horizonChart.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,cAAc;AACd;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,IAAI,CAAC;AAC1F,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AA0BhD,MAAM,UAAU,YAAY;IAC1B,IAAI,QAAkC,CAAC;IACvC,IAAI,IAAS,CAAC;IACd,IAAI,KAAK,GAAuB,EAAE,CAAC;IAEnC,MAAM,OAAO,GAAwB;QACnC,EAAE,EAAE,UAAU,EAAE;QAChB,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;QACxB,OAAO,EAAE;YACP,GAAG,EAAE,SAAS;YACd,KAAK,EAAE,CAAC;YACR,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,YAAY;YACzB,cAAc,EAAE,CAAC;YACjB,WAAW,EAAE,OAAO;SACrB;QACD,MAAM,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE;KACjC,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,EAAU;SACrC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;SAC7D,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvD,MAAM,MAAM,GAAuB;QACjC,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE;QAClC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACtB,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC1C,CAAC;IAEF,SAAS,KAAK,CAAC,SAAc;QAC3B,SAAS,CAAC,IAAI,CAAC,UAAU,CAAM,EAAE,CAAS,EAAE,CAAM;YAChD,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YAE3E,QAAQ,GAAG;gBACT,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,KAAK,YAAY,CAAC;gBAChE,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;gBAC9D,MAAM,GAAG,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC;gBACjF,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;gBAC/D,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC;gBACjE,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;gBACpC,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;gBAEtF,IAAI;qBACD,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC;qBACrB,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC;qBACvB,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC;qBAC7E,EAAE,CAAC,OAAO,EAAE;oBACX,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK;wBAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBACnD,CAAC,CAAC,CAAC;gBAEL,SAAS;gBACT,MAAM,OAAO,GAAqB;oBAChC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACnC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBACpC,CAAC;gBAEF,MAAM,CAAC,GAAG,WAAW,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;gBAEvE,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACvF,MAAM,CAAC,GAAG,WAAW,EAAE;qBACpB,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;qBACjB,KAAK,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC;gBAEjC,0CAA0C;gBAC1C,IAAI,SAAgC,CAAC;gBACrC,IAAI,UAAU,EAAE,CAAC;oBACf,SAAS;wBACP,OAAO,CAAC,OAAO,CAAC,IAAI,KAAK,QAAQ;4BAC/B,CAAC,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,SAAS,GAAG;4BAC5E,CAAC,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,SAAS,GAAG,CAAC;gBAC9F,CAAC;qBAAM,CAAC;oBACN,SAAS;wBACP,OAAO,CAAC,OAAO,CAAC,IAAI,KAAK,QAAQ;4BAC/B,CAAC,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,SAAS,KAAK;4BAC5E,CAAC,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,SAAS,KAAK,CAAC;gBAC9F,CAAC;gBAED,YAAY;gBACZ,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CACtC,CAAC,KAAK,EAAE,EAAE;oBACR,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;oBAC/B,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,eAAe,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;oBAC5E,OAAO,CAAC,CAAC;gBACX,CAAC,CACF,CAAC;gBAEF,IAAI;qBACD,SAAS,CAAC,MAAM,CAAC;qBACjB,MAAM,CAAC,UAAU,CAAC;qBAClB,MAAM,CAAC,MAAM,CAAC;qBACd,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC;qBACrB,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;gBAE3B,aAAa;gBACb,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAChD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;qBACzB,IAAI,CAAC,OAAO,EAAE,cAAc,CAAC;qBAC7B,IAAI,CAAC,WAAW,EAAE,oBAAoB,OAAO,CAAC,EAAE,GAAG,CAAC,CACxD,CAAC;gBAEF,iBAAiB;gBACjB,MAAM,WAAW,GAAG,UAAU;oBAC5B,CAAC,CAAC,IAAI,EAAoB;yBACrB,KAAK,CAAC,SAAS,CAAC;yBAChB,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;yBACjB,EAAE,CAAC,SAAS,GAAG,KAAK,CAAC;yBACrB,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC3C,CAAC,CAAC,IAAI,EAAoB;yBACrB,KAAK,CAAC,SAAS,CAAC;yBAChB,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;yBACjB,EAAE,CAAC,SAAS,GAAG,KAAK,CAAC;yBACrB,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAE9C,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBAE1C,wDAAwD;gBACxD,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;gBAE9E,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,SAAS,CAAyB,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;qBAC9F,IAAI,CAAC,MAAM,CAAC;qBACZ,EAAE,CAAC,WAAW,EAAE;oBACf,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS;wBAAE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;gBACzD,CAAC,CAAC;qBACD,EAAE,CAAC,UAAU,EAAE,UAAU,MAAW,EAAE,CAAS;oBAC9C,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ;wBAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;gBAC7D,CAAC,CAAC;qBACD,UAAU,EAAE;qBACZ,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC;qBACxC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;qBAC3C,IAAI,CAAC,WAAW,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;qBAC9C,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;YACzB,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAED,YAAY;IAEZ,KAAK,CAAC,OAAO,GAAG,UAAU,MAA4B;QACpD,IAAI,CAAC,SAAS,CAAC,MAAM;YAAE,OAAO,OAAO,CAAC;QACtC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACzB,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,KAAK,CAAC,MAAM,GAAG,UAAU,SAAuC;QAC9D,IAAI,CAAC,SAAS,CAAC,MAAM;YAAE,OAAO,MAAM,CAAC;QACrC,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;QAC3B,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,KAAK,CAAC,KAAK,GAAG,UAAU,KAAc;QACpC,IAAI,CAAC,SAAS,CAAC,MAAM;YAAE,OAAO,OAAO,CAAC,KAAK,CAAC;QAC5C,OAAO,CAAC,KAAK,GAAG,KAAM,CAAC;QACvB,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,KAAK,CAAC,MAAM,GAAG,UAAU,KAAc;QACrC,IAAI,CAAC,SAAS,CAAC,MAAM;YAAE,OAAO,OAAO,CAAC,MAAM,CAAC;QAC7C,OAAO,CAAC,MAAM,GAAG,KAAM,CAAC;QACxB,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,KAAK,CAAC,IAAI,GAAG,UAAU,MAAY;QACjC,IAAI,CAAC,SAAS,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QACnC,IAAI,GAAG,MAAM,CAAC;QACd,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,KAAK,CAAC,KAAK,GAAG,UAAU,MAA2B;QACjD,IAAI,CAAC,SAAS,CAAC,MAAM;YAAE,OAAO,KAAK,CAAC;QACpC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YAAE,KAAK,GAAG,MAAM,CAAC;QAC1C,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,KAAK,CAAC,MAAM,GAAG;QACb,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK;YAAE,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QAC/C,IAAI,OAAO,QAAQ,KAAK,UAAU;YAAE,QAAQ,EAAE,CAAC;QAC/C,UAAU,CAAC;YACT,IAAI,MAAM,CAAC,MAAM,CAAC,GAAG;gBAAE,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;QAC7C,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,KAAK,CAAC,KAAK,GAAG,UAAU,KAAc;QACpC,IAAI,CAAC,SAAS,CAAC,MAAM;YAAE,OAAO,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;QACpD,OAAO,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,KAAM,CAAC;QAChC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;QACzE,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,KAAK,CAAC,IAAI,GAAG,UAAU,KAAc;QACnC,IAAI,CAAC,SAAS,CAAC,MAAM;YAAE,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC;QACnD,OAAO,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC,KAAK,GAAG,EAAE,CAAwB,CAAC;QAC3D,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,KAAK,CAAC,QAAQ,GAAG,UAAU,KAAc;QACvC,IAAI,CAAC,SAAS,CAAC,MAAM;YAAE,OAAO,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC;QAC7D,OAAO,CAAC,OAAO,CAAC,cAAc,GAAG,CAAC,KAAM,CAAC;QACzC,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,KAAK,CAAC,WAAW,GAAG,UAAU,KAAc;QAC1C,IAAI,CAAC,SAAS,CAAC,MAAM;YAAE,OAAO,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC;QAC1D,OAAO,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC,KAAK,GAAG,EAAE,CAA8B,CAAC;QACxE,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,KAAK,CAAC,MAAM,GAAG,UAAU,UAA6C;QACpE,IAAI,CAAC,SAAS,CAAC,MAAM;YAAE,OAAO,UAAU,CAAC,KAAK,EAAE,CAAC;QACjD,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;QACzE,UAAU,CAAC,KAAK,CAAC,UAAW,CAAC,CAAC;QAC9B,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/visualizations/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Visualizations Index
+ *
+ * Central export point for all D3 visualizations.
+ */
+export { simpleChart } from './simpleChart';
+export { gameFish } from './gameFish';
+export { gameTree } from './gameTree';
+export { momentumChart } from './momentumChart';
+export { ptsMatch } from './ptsChart';
+export { coronaChart, coronaChartFromMatchUp } from './coronaChart';
+export { ptsHorizon, ptsHorizonFromMatchUp } from './ptsHorizon';
+export { horizonChart } from './horizonChart';
+export { rallyTree } from './rallyTree';
+export { statView } from './statView';
+export { matchDashboard } from './matchDashboard';
+export { groupGames } from './groupGames';
+export { rallyCount } from './legacyRally';
+export { sampleGamePoints, deuceGamePoints, tiebreakGamePoints, sampleGameGroup, deuceGameGroup, tiebreakGameGroup, pointsToEpisodes, } from './data/sampleGame';
+export type { Point, Episode, GameGroup, SetData, Player, MatchMetadata, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/visualizations/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/visualizations/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAG3B,YAAY,EACV,KAAK,EACL,OAAO,EACP,SAAS,EACT,OAAO,EACP,MAAM,EACN,aAAa,GACd,MAAM,SAAS,CAAC"}

package/dist/visualizations/index.js

@@ -0,0 +1,23 @@
+/**
+ * Visualizations Index
+ *
+ * Central export point for all D3 visualizations.
+ */
+// Visualizations
+export { simpleChart } from './simpleChart';
+export { gameFish } from './gameFish';
+export { gameTree } from './gameTree';
+export { momentumChart } from './momentumChart';
+export { ptsMatch } from './ptsChart';
+export { coronaChart, coronaChartFromMatchUp } from './coronaChart';
+export { ptsHorizon, ptsHorizonFromMatchUp } from './ptsHorizon';
+export { horizonChart } from './horizonChart';
+export { rallyTree } from './rallyTree';
+export { statView } from './statView';
+export { matchDashboard } from './matchDashboard';
+// Utilities
+export { groupGames } from './groupGames';
+export { rallyCount } from './legacyRally';
+// Data generators
+export { sampleGamePoints, deuceGamePoints, tiebreakGamePoints, sampleGameGroup, deuceGameGroup, tiebreakGameGroup, pointsToEpisodes, } from './data/sampleGame';
+//# sourceMappingURL=index.js.map

package/dist/visualizations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/visualizations/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,iBAAiB;AACjB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,YAAY;AACZ,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,kBAAkB;AAClB,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,mBAAmB,CAAC"}

package/dist/visualizations/legacyRally.d.ts

@@ -0,0 +1,3 @@
+export declare function legacyRally(rally: any): any[];
+export declare function rallyCount(rally: any): any;
+//# sourceMappingURL=legacyRally.d.ts.map

package/dist/visualizations/legacyRally.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacyRally.d.ts","sourceRoot":"","sources":["../../src/visualizations/legacyRally.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,CAAC,KAAK,KAAA,SAIhC;AAED,wBAAgB,UAAU,CAAC,KAAK,KAAA,OAW/B"}

package/dist/visualizations/legacyRally.js

@@ -0,0 +1,26 @@
+/* eslint-disable */
+// @ts-nocheck
+import { isNumeric, isString } from './typeOf';
+export function legacyRally(rally) {
+    if (Array.isArray(rally))
+        return rally;
+    if (isString(rally))
+        return new Array(rally);
+    return [];
+}
+export function rallyCount(rally) {
+    // Direct number (from point.rallyLength)
+    if (isNumeric(rally))
+        return rally;
+    // UMO v4 format: { notation: string, length: number }
+    if (rally && typeof rally === 'object' && 'length' in rally) {
+        return rally.length;
+    }
+    // Legacy formats
+    if (Array.isArray(rally))
+        return rally.length;
+    if (isString(rally))
+        return parseInt(rally);
+    return 0;
+}
+//# sourceMappingURL=legacyRally.js.map

package/dist/visualizations/legacyRally.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacyRally.js","sourceRoot":"","sources":["../../src/visualizations/legacyRally.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,cAAc;AACd,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,UAAU,WAAW,CAAC,KAAK;IAC/B,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IACvC,IAAI,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;IAC7C,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAK;IAC9B,yCAAyC;IACzC,IAAI,SAAS,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IACnC,sDAAsD;IACtD,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,QAAQ,IAAI,KAAK,EAAE,CAAC;QAC5D,OAAO,KAAK,CAAC,MAAM,CAAC;IACtB,CAAC;IACD,iBAAiB;IACjB,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,MAAM,CAAC;IAC9C,IAAI,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,OAAO,CAAC,CAAC;AACX,CAAC"}

package/dist/visualizations/matchDashboard.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Match Dashboard — Cross-visualization coordination layer (D3 v7)
+ *
+ * Creates a CSS-grid layout with ptsHorizon, coronaChart, statView,
+ * gameTree, and rallyTree. Wires ptsHorizon brush events to filter
+ * all sub-charts simultaneously.
+ *
+ * Inspired by legacy matchView.js displayPoints() coordination.
+ */
+import { ptsHorizon } from "./ptsHorizon";
+import { statView } from "./statView";
+import { gameTree } from "./gameTree";
+import { rallyTree } from "./rallyTree";
+interface DashboardOptions {
+    colors: [string, string];
+    players: [string, string];
+    display: {
+        ptsHorizon: boolean;
+        coronaChart: boolean;
+        statView: boolean;
+        gameTree: boolean;
+        rallyTree: boolean;
+    };
+}
+interface DashboardCharts {
+    ptsHorizonChart: ReturnType<typeof ptsHorizon>;
+    statViewChart: ReturnType<typeof statView>;
+    gameTreeChart: ReturnType<typeof gameTree>;
+    rallyTreeChart: ReturnType<typeof rallyTree>;
+}
+export declare function matchDashboard(): {
+    (el: HTMLElement): void;
+    matchUp(state: any, players?: [string, string]): /*elided*/ any;
+    update(): void;
+    options(values?: Partial<DashboardOptions>): DashboardOptions | /*elided*/ any;
+    charts(): DashboardCharts;
+};
+export {};
+//# sourceMappingURL=matchDashboard.d.ts.map

package/dist/visualizations/matchDashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"matchDashboard.d.ts","sourceRoot":"","sources":["../../src/visualizations/matchDashboard.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKxC,UAAU,gBAAgB;IACxB,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,OAAO,EAAE;QACP,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,EAAE,OAAO,CAAC;QACrB,QAAQ,EAAE,OAAO,CAAC;QAClB,QAAQ,EAAE,OAAO,CAAC;QAClB,SAAS,EAAE,OAAO,CAAC;KACpB,CAAC;CACH;AAED,UAAU,eAAe;IACvB,eAAe,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;IAC/C,aAAa,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;IAC3C,aAAa,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;IAC3C,cAAc,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;CAC9C;AAED,wBAAgB,cAAc;SAqCL,WAAW;mBA4KG,GAAG,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;;qBAqC7B,OAAO,CAAC,gBAAgB,CAAC;cAUhC,eAAe;EAKhD"}

package/dist/visualizations/matchDashboard.js

@@ -0,0 +1,235 @@
+/**
+ * Match Dashboard — Cross-visualization coordination layer (D3 v7)
+ *
+ * Creates a CSS-grid layout with ptsHorizon, coronaChart, statView,
+ * gameTree, and rallyTree. Wires ptsHorizon brush events to filter
+ * all sub-charts simultaneously.
+ *
+ * Inspired by legacy matchView.js displayPoints() coordination.
+ */
+import { select } from "d3";
+import { ptsHorizon } from "./ptsHorizon";
+import { coronaChart, coronaChartFromMatchUp } from "./coronaChart";
+import { statView } from "./statView";
+import { gameTree } from "./gameTree";
+import { rallyTree } from "./rallyTree";
+import { buildEpisodes } from "../episodes/buildEpisodes";
+import { computeMatchStats } from "../statistics/matchStatistics";
+export function matchDashboard() {
+    let container;
+    let allEpisodes = [];
+    let matchUpState;
+    let mounted = false;
+    const options = {
+        colors: ["#a55194", "#6b6ecf"],
+        players: ["Player 1", "Player 2"],
+        display: {
+            ptsHorizon: true,
+            coronaChart: true,
+            statView: true,
+            gameTree: true,
+            rallyTree: true,
+        },
+    };
+    // ── Sub-chart instances ────────────────────────────────────────
+    const charts = {
+        ptsHorizonChart: ptsHorizon(),
+        statViewChart: statView(),
+        gameTreeChart: gameTree(),
+        rallyTreeChart: rallyTree(),
+    };
+    // ── DOM containers ─────────────────────────────────────────────
+    let horizonDiv;
+    let coronaDiv;
+    let statsDiv;
+    let gameTreeDiv;
+    let rallyTreeDiv;
+    // ── Create layout ──────────────────────────────────────────────
+    function dashboard(el) {
+        container = el;
+        container.innerHTML = "";
+        // CSS grid: ptsHorizon full width top; 3-column body below
+        container.style.cssText = `
+      display: grid;
+      grid-template-columns: 1fr 1fr 1fr;
+      grid-template-rows: auto minmax(500px, 1fr);
+      gap: 8px;
+      width: 100%;
+    `;
+        // Row 1: Horizon (full width)
+        horizonDiv = document.createElement("div");
+        horizonDiv.style.cssText = "grid-column: 1 / -1; min-height: 80px;";
+        container.appendChild(horizonDiv);
+        // Row 2, Col 1: Corona chart
+        coronaDiv = document.createElement("div");
+        coronaDiv.style.cssText =
+            "min-height: 300px; display: flex; align-items: center; justify-content: center;";
+        container.appendChild(coronaDiv);
+        // Row 2, Col 2: Stat view
+        statsDiv = document.createElement("div");
+        statsDiv.style.cssText = "min-height: 200px; overflow: hidden;";
+        container.appendChild(statsDiv);
+        // Row 2, Col 3: GameTree + RallyTree stacked
+        const rightCol = document.createElement("div");
+        rightCol.style.cssText =
+            "display: flex; flex-direction: column; align-items: center; gap: 12px; min-height: 500px;";
+        container.appendChild(rightCol);
+        gameTreeDiv = document.createElement("div");
+        gameTreeDiv.style.cssText = "flex: 1; width: 100%; min-height: 280px;";
+        rightCol.appendChild(gameTreeDiv);
+        rallyTreeDiv = document.createElement("div");
+        rallyTreeDiv.style.cssText = "flex: 1; width: 100%; min-height: 250px; display: flex; justify-content: center;";
+        rightCol.appendChild(rallyTreeDiv);
+        // ── Initialize sub-charts ─────────────────────────────────
+        // ptsHorizon
+        charts.ptsHorizonChart.options({
+            display: {
+                sizeToFit: true,
+                bands: 3,
+                mode: "mirror",
+                transitionTime: 0,
+            },
+            elements: { brush: true },
+        });
+        charts.ptsHorizonChart.colors(options.colors);
+        charts.ptsHorizonChart.events({
+            brush: { start: null, brushing: null, end: filterAll },
+        });
+        select(horizonDiv).call(charts.ptsHorizonChart);
+        // statView
+        charts.statViewChart.colors(options.colors);
+        select(statsDiv).call(charts.statViewChart);
+        // gameTree
+        charts.gameTreeChart.options({
+            display: { sizeToFit: true, showEmpty: false, noAd: false, showImages: false },
+            lines: {
+                points: { winners: 'green', errors: '#BA1212', unknown: '#2ed2db' },
+                colors: { underlines: 'black' },
+            },
+            nodes: { colors: { 0: options.colors[0], 1: options.colors[1], neutral: '#ecf0f1' } },
+            labels: { Player: options.players[0], Opponent: options.players[1] },
+        });
+        select(gameTreeDiv).call(charts.gameTreeChart);
+        // rallyTree
+        charts.rallyTreeChart.options({
+            display: { sizeToFit: true },
+            areas: { colors: { 0: options.colors[0], 1: options.colors[1] } },
+        });
+        select(rallyTreeDiv).call(charts.rallyTreeChart);
+        mounted = true;
+    }
+    // ── Brush filter handler ───────────────────────────────────────
+    function filterAll(extent) {
+        const start = Math.floor(extent[0]);
+        const end = Math.ceil(extent[1]);
+        // Slice episodes to selected range
+        const filtered = end - start > 1 ? allEpisodes.slice(start, end) : allEpisodes;
+        // Update gameTree
+        if (options.display.gameTree) {
+            charts.gameTreeChart.data(filtered);
+            charts.gameTreeChart.update();
+        }
+        // Update rallyTree
+        if (options.display.rallyTree) {
+            const pts = filtered.map((ep) => ({
+                winner: ep.point.winner,
+                result: ep.point.result,
+                rallyLength: ep.point.rallyLength ?? 2,
+            }));
+            charts.rallyTreeChart.data(pts);
+            charts.rallyTreeChart.update();
+        }
+        // Update statView
+        if (options.display.statView) {
+            charts.statViewChart.data(computeMatchStats(filtered));
+            charts.statViewChart.update();
+        }
+        // Update coronaChart (re-render from filtered data)
+        if (options.display.coronaChart && matchUpState) {
+            renderCorona(filtered);
+        }
+    }
+    // ── Corona re-render ──────────────────────────────────────────
+    function renderCorona(episodes) {
+        select(coronaDiv).selectAll("*").remove();
+        if (!episodes || episodes.length === 0)
+            return;
+        // Build a pseudo-setmap from filtered episodes
+        const diffs = [];
+        let diff = 0;
+        for (const ep of episodes) {
+            diff += ep.point.winner === 0 ? 1 : -1;
+            diffs.push(diff);
+        }
+        const size = Math.min(coronaDiv.clientWidth || 200, coronaDiv.clientHeight || 200);
+        const svg = select(coronaDiv)
+            .append("svg")
+            .attr("width", size)
+            .attr("height", size);
+        coronaChart(svg, [
+            {
+                p2sdiff: diffs,
+                gamesScore: [0, 0],
+                players: options.players,
+                winnerIndex: 0,
+            },
+        ], {
+            width: size,
+            height: size,
+            radius: size * 1.35,
+            colors: options.colors,
+            display: { info: false, badge: false },
+        });
+    }
+    // ── Public API ─────────────────────────────────────────────────
+    dashboard.matchUp = function (state, players) {
+        matchUpState = state;
+        if (players)
+            options.players = players;
+        allEpisodes = buildEpisodes(state);
+        // Feed each chart
+        charts.ptsHorizonChart.matchUp(state, options.players);
+        charts.statViewChart.data(computeMatchStats(allEpisodes));
+        charts.gameTreeChart.matchUp(state, options.players);
+        charts.rallyTreeChart.matchUp(state);
+        return dashboard;
+    };
+    dashboard.update = function () {
+        if (!mounted)
+            return;
+        // Defer to requestAnimationFrame so the browser has completed grid
+        // layout — sizeToFit measurements need accurate getBoundingClientRect.
+        requestAnimationFrame(() => {
+            charts.ptsHorizonChart.update();
+            charts.statViewChart.update();
+            charts.gameTreeChart.update();
+            charts.rallyTreeChart.update();
+            // Render corona
+            if (options.display.coronaChart && matchUpState && allEpisodes.length > 0) {
+                coronaChartFromMatchUp(coronaDiv, matchUpState, {
+                    colors: options.colors,
+                    players: options.players,
+                    display: { info: true },
+                });
+            }
+        });
+    };
+    dashboard.options = function (values) {
+        if (!arguments.length)
+            return options;
+        if (values) {
+            if (values.colors)
+                options.colors = values.colors;
+            if (values.players)
+                options.players = values.players;
+            if (values.display)
+                Object.assign(options.display, values.display);
+        }
+        return dashboard;
+    };
+    dashboard.charts = function () {
+        return charts;
+    };
+    return dashboard;
+}
+//# sourceMappingURL=matchDashboard.js.map

package/dist/visualizations/matchDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"matchDashboard.js","sourceRoot":"","sources":["../../src/visualizations/matchDashboard.ts"],"names":[],"mappings":"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"}

package/dist/visualizations/momentumChart.d.ts

@@ -0,0 +1,12 @@
+export declare function momentumChart(): {
+    (selection: any): void;
+    options(values: any): any;
+    events(functions: any): any;
+    width(value: any): any;
+    height(value: any): any;
+    data(value: any): any;
+    matchUp(matchUpState: any): /*elided*/ any;
+    update(opts: any): void;
+    colors(color3s: any): any;
+};
+//# sourceMappingURL=momentumChart.d.ts.map

package/dist/visualizations/momentumChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"momentumChart.d.ts","sourceRoot":"","sources":["../../src/visualizations/momentumChart.ts"],"names":[],"mappings":"AAWA,wBAAgB,aAAa;gBAoFD,GAAG;;;;;;0BA2VW,GAAG;;;EAgC5C"}