@outsidedata/dolex 0.1.0

package/dist/src/renderers/d3/comparison/bullet.js

@@ -0,0 +1,209 @@
+import { createSvg, buildColorScale, addSortControls, createTooltip, showTooltip, hideTooltip, positionTooltip, formatValue, getAdaptiveTickCount, calculateLeftMargin, truncateLabel, TEXT_COLOR, TEXT_MUTED, } from '../shared.js';
+const RANGE_COLORS = ['#1a1f2e', '#252b3d', '#313850'];
+export function renderBullet(container, spec) {
+    const { config, encoding, data } = spec;
+    const metricField = config.metricField;
+    const actualField = config.actualField;
+    const targetField = config.targetField;
+    const rangeFields = config.rangeFields;
+    if (!data || data.length === 0)
+        return;
+    let sortedData = [...data];
+    if (config.sortBy === 'value') {
+        const order = config.sortOrder === 'ascending' ? 1 : -1;
+        sortedData.sort((a, b) => order * (Number(a[actualField]) - Number(b[actualField])));
+    }
+    else if (config.sortBy === 'category') {
+        const order = config.sortOrder === 'ascending' ? 1 : -1;
+        sortedData.sort((a, b) => order * String(a[metricField]).localeCompare(String(b[metricField]), undefined, { sensitivity: 'base', numeric: true }));
+    }
+    const labels = sortedData.map((d) => String(d[metricField] ?? ''));
+    const leftMargin = calculateLeftMargin(labels);
+    const containerHeight = container.clientHeight || 500;
+    const topMargin = 40;
+    const bottomMargin = 40;
+    const availableHeight = containerHeight - topMargin - bottomMargin;
+    const maxPerRow = Math.floor(availableHeight / sortedData.length);
+    const bulletHeight = Math.max(16, Math.min(48, maxPerRow - 8));
+    const bulletGap = Math.max(4, Math.min(16, maxPerRow - bulletHeight));
+    const totalBulletHeight = bulletHeight + bulletGap;
+    const usedHeight = sortedData.length * totalBulletHeight;
+    const { svg, g, dims } = createSvg(container, spec, {
+        left: leftMargin,
+        right: 40,
+        bottom: bottomMargin,
+        top: topMargin,
+    });
+    const tooltip = createTooltip(container);
+    const colorEncoding = encoding.color || { field: metricField, type: 'nominal' };
+    const colorScale = buildColorScale(colorEncoding, data);
+    const metrics = sortedData.map((d, i) => {
+        const actual = Number(d[actualField]) || 0;
+        const target = targetField && d[targetField] != null ? Number(d[targetField]) : null;
+        const label = String(d[metricField] ?? `Metric ${i + 1}`);
+        let ranges;
+        if (rangeFields && rangeFields.length > 0) {
+            ranges = rangeFields
+                .map((f) => Number(d[f]))
+                .filter((v) => !isNaN(v))
+                .sort((a, b) => a - b);
+        }
+        else {
+            const maxRef = Math.max(Math.abs(actual), Math.abs(target ?? 0));
+            const ceiling = maxRef * 1.2 || 100;
+            const sign = actual < 0 && (target === null || target <= 0) ? -1 : 1;
+            ranges = [sign * ceiling * 0.33, sign * ceiling * 0.66, sign * ceiling];
+        }
+        const allVals = [...ranges, actual, ...(target !== null ? [target] : [])];
+        const maxRange = Math.max(...allVals);
+        const minRange = Math.min(0, ...allVals);
+        return { label, actual, target, ranges, maxRange, minRange, index: i, datum: d };
+    });
+    const isSmall = bulletHeight < 28;
+    metrics.forEach((metric) => {
+        const yOffset = metric.index * totalBulletHeight;
+        const bulletG = g.append('g').attr('transform', `translate(0,${yOffset})`);
+        const domainMin = metric.minRange < 0 ? metric.minRange * 1.05 : 0;
+        const domainMax = metric.maxRange > 0 ? metric.maxRange * 1.05 : 1;
+        const xScale = d3
+            .scaleLinear()
+            .domain([domainMin, domainMax])
+            .range([0, dims.innerWidth])
+            .nice();
+        const ticks = xScale.ticks(getAdaptiveTickCount(dims.innerWidth, 80));
+        ticks.forEach((tick) => {
+            const tx = xScale(tick);
+            bulletG.append('line')
+                .attr('x1', tx).attr('y1', 0)
+                .attr('x2', tx).attr('y2', bulletHeight)
+                .attr('stroke', '#ffffff')
+                .attr('stroke-opacity', 0.06)
+                .attr('pointer-events', 'none');
+            bulletG.append('text')
+                .attr('x', tx)
+                .attr('y', bulletHeight + 10)
+                .attr('text-anchor', 'middle')
+                .attr('fill', TEXT_MUTED)
+                .attr('font-size', isSmall ? '7px' : '8px')
+                .attr('font-family', 'Inter, system-ui, sans-serif')
+                .attr('pointer-events', 'none')
+                .text(formatValue(tick));
+        });
+        const barCenter = bulletHeight / 2;
+        bulletG
+            .append('rect')
+            .attr('class', 'hover-target')
+            .attr('x', 0)
+            .attr('y', 0)
+            .attr('width', dims.innerWidth)
+            .attr('height', bulletHeight)
+            .attr('fill', 'transparent')
+            .attr('cursor', 'pointer')
+            .on('mouseover', function (event) {
+            bulletG.select('.actual-bar').attr('opacity', 0.85);
+            let html = `<strong>${metric.label}</strong>`;
+            html += `<br/>Actual: ${formatValue(metric.actual)}`;
+            if (metric.target !== null) {
+                html += `<br/>Target: ${formatValue(metric.target)}`;
+                const pct = ((metric.actual / metric.target) * 100).toFixed(1);
+                html += `<br/>Achievement: ${pct}%`;
+            }
+            if (config.rangeLabels && metric.ranges.length > 0) {
+                const rangeLabels = config.rangeLabels;
+                metric.ranges.forEach((r, ri) => {
+                    if (rangeLabels[ri]) {
+                        html += `<br/><span style="color:${TEXT_MUTED}">${rangeLabels[ri]}: ${formatValue(r)}</span>`;
+                    }
+                });
+            }
+            showTooltip(tooltip, html, event);
+        })
+            .on('mousemove', (event) => {
+            positionTooltip(tooltip, event);
+        })
+            .on('mouseout', function () {
+            bulletG.select('.actual-bar').attr('opacity', 1);
+            hideTooltip(tooltip);
+        });
+        const zeroX = xScale(0);
+        const sortedRanges = [...metric.ranges].sort((a, b) => b - a);
+        sortedRanges.forEach((rangeVal, ri) => {
+            const colorIndex = Math.min(ri, RANGE_COLORS.length - 1);
+            const rx = xScale(rangeVal);
+            const bandX = Math.min(zeroX, rx);
+            const bandW = Math.abs(rx - zeroX);
+            bulletG
+                .append('rect')
+                .attr('class', 'range-band')
+                .attr('x', bandX)
+                .attr('y', 0)
+                .attr('width', Math.max(0, bandW))
+                .attr('height', bulletHeight)
+                .attr('fill', RANGE_COLORS[RANGE_COLORS.length - 1 - colorIndex])
+                .attr('rx', 2)
+                .attr('pointer-events', 'none');
+        });
+        const actualBarHeight = Math.max(6, Math.min(14, bulletHeight * 0.3));
+        const accentColor = colorScale(metric.datum[metricField]);
+        const actualX = xScale(metric.actual);
+        const barX = Math.min(zeroX, actualX);
+        const barW = Math.max(2, Math.abs(actualX - zeroX));
+        bulletG
+            .append('rect')
+            .attr('class', 'actual-bar')
+            .attr('x', barX)
+            .attr('y', barCenter - actualBarHeight / 2)
+            .attr('width', barW)
+            .attr('height', actualBarHeight)
+            .attr('fill', accentColor)
+            .attr('rx', 2)
+            .attr('pointer-events', 'none');
+        if (metric.target !== null) {
+            const markerHeight = Math.max(10, Math.min(26, bulletHeight * 0.55));
+            bulletG
+                .append('line')
+                .attr('class', 'target-marker')
+                .attr('x1', xScale(metric.target))
+                .attr('y1', barCenter - markerHeight / 2)
+                .attr('x2', xScale(metric.target))
+                .attr('y2', barCenter + markerHeight / 2)
+                .attr('stroke', '#ffffff')
+                .attr('stroke-width', 2.5)
+                .attr('pointer-events', 'none');
+        }
+        bulletG
+            .append('text')
+            .attr('class', 'metric-label')
+            .attr('x', -10)
+            .attr('y', barCenter + 1)
+            .attr('text-anchor', 'end')
+            .attr('dominant-baseline', 'middle')
+            .attr('fill', TEXT_COLOR)
+            .attr('font-size', isSmall ? '10px' : '12px')
+            .attr('font-weight', '500')
+            .attr('font-family', 'Inter, system-ui, sans-serif')
+            .attr('pointer-events', 'none')
+            .text(truncateLabel(metric.label, 22));
+        if (!isSmall && config.showLabels !== false) {
+            const labelX = metric.actual >= 0 ? xScale(metric.actual) + 8 : xScale(metric.actual) - 8;
+            const labelAnchor = metric.actual >= 0 ? 'start' : 'end';
+            if (metric.actual >= 0 ? labelX < dims.innerWidth - 40 : labelX > 40) {
+                bulletG
+                    .append('text')
+                    .attr('class', 'value-label')
+                    .attr('x', labelX)
+                    .attr('y', barCenter + 1)
+                    .attr('text-anchor', labelAnchor)
+                    .attr('dominant-baseline', 'middle')
+                    .attr('fill', TEXT_MUTED)
+                    .attr('font-size', '11px')
+                    .attr('font-weight', '500')
+                    .attr('font-family', 'Inter, system-ui, sans-serif')
+                    .attr('pointer-events', 'none')
+                    .text(formatValue(metric.actual));
+            }
+        }
+    });
+    addSortControls(svg, container, spec, dims, renderBullet);
+}
+//# sourceMappingURL=bullet.js.map

package/dist/src/renderers/d3/comparison/bullet.js.map

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

package/dist/src/renderers/d3/comparison/bump-chart.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Bump chart D3 renderer.
+ *
+ * Shows rankings over time. X-axis is time periods (ordinal),
+ * Y-axis is rank (1 at top, inverted). Each entity is a smooth
+ * line connecting its rank at each time period.
+ */
+import type { VisualizationSpec } from '../../../types.js';
+export declare function renderBumpChart(container: HTMLElement, spec: VisualizationSpec): void;
+//# sourceMappingURL=bump-chart.d.ts.map

package/dist/src/renderers/d3/comparison/bump-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bump-chart.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/d3/comparison/bump-chart.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAkB3D,wBAAgB,eAAe,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,iBAAiB,GAAG,IAAI,CA2OrF"}

package/dist/src/renderers/d3/comparison/bump-chart.js

@@ -0,0 +1,210 @@
+/**
+ * Bump chart D3 renderer.
+ *
+ * Shows rankings over time. X-axis is time periods (ordinal),
+ * Y-axis is rank (1 at top, inverted). Each entity is a smooth
+ * line connecting its rank at each time period.
+ */
+import { createSvg, buildColorScale, createLegend, createTooltip, showTooltip, hideTooltip, positionTooltip, formatValue, TEXT_MUTED, GRID_COLOR, DARK_BG, truncateLabel, } from '../shared.js';
+export function renderBumpChart(container, spec) {
+    const { config, encoding, data } = spec;
+    const categoryField = config.categoryField || encoding.color?.field || 'entity';
+    const timeField = config.timeField || encoding.x?.field || 'period';
+    const valueField = config.valueField || encoding.y?.field || 'value';
+    const showLabels = config.showLabels !== false;
+    const strokeWidth = config.strokeWidth ?? 2.5;
+    const dotRadius = config.dotRadius ?? 5;
+    container.style.display = 'flex';
+    container.style.flexDirection = 'column';
+    container.style.background = DARK_BG;
+    container.style.borderRadius = '8px';
+    container.style.overflow = 'hidden';
+    const chartWrapper = document.createElement('div');
+    chartWrapper.style.flex = '1';
+    chartWrapper.style.minHeight = '0';
+    container.appendChild(chartWrapper);
+    const { svg, g, dims } = createSvg(chartWrapper, spec, { left: 40, right: 100 });
+    svg.style('background', 'none').style('border-radius', '0');
+    const tooltip = createTooltip(container);
+    // Extract unique entities and periods (preserve data order for periods)
+    const periodSet = new Set();
+    data.forEach((d) => periodSet.add(String(d[timeField])));
+    const periods = [...periodSet];
+    const entitySet = new Set();
+    data.forEach((d) => entitySet.add(String(d[categoryField])));
+    const entities = [...entitySet];
+    // Build a lookup: entity -> period -> value
+    const lookup = {};
+    entities.forEach((e) => {
+        lookup[e] = {};
+    });
+    data.forEach((d) => {
+        const e = String(d[categoryField]);
+        const p = String(d[timeField]);
+        lookup[e][p] = Number(d[valueField]);
+    });
+    // Compute ranks: for each period, sort entities by value descending, assign rank 1,2,3...
+    const ranks = {};
+    entities.forEach((e) => {
+        ranks[e] = {};
+    });
+    periods.forEach((period) => {
+        const entitiesWithValues = entities
+            .filter((e) => lookup[e][period] != null && !isNaN(lookup[e][period]))
+            .map((e) => ({ entity: e, value: lookup[e][period] }));
+        entitiesWithValues.sort((a, b) => b.value - a.value);
+        entitiesWithValues.forEach((item, idx) => {
+            ranks[item.entity][period] = idx + 1;
+        });
+    });
+    const maxRank = entities.length;
+    // Scales
+    const xScale = d3
+        .scalePoint()
+        .domain(periods)
+        .range([0, dims.innerWidth])
+        .padding(0.5);
+    const yScale = d3
+        .scaleLinear()
+        .domain([1, maxRank])
+        .range([20, dims.innerHeight - 20]);
+    const colorScale = buildColorScale(encoding.color, data);
+    // Draw faint horizontal gridlines at each rank
+    for (let rank = 1; rank <= maxRank; rank++) {
+        g.append('line')
+            .attr('x1', 0)
+            .attr('y1', yScale(rank))
+            .attr('x2', dims.innerWidth)
+            .attr('y2', yScale(rank))
+            .attr('stroke', GRID_COLOR)
+            .attr('stroke-width', 0.5)
+            .attr('stroke-dasharray', '3,3');
+        // Rank labels on left
+        g.append('text')
+            .attr('x', -8)
+            .attr('y', yScale(rank))
+            .attr('text-anchor', 'end')
+            .attr('dominant-baseline', 'middle')
+            .attr('fill', TEXT_MUTED)
+            .attr('font-size', '10px')
+            .attr('font-family', 'Inter, system-ui, sans-serif')
+            .text(`#${rank}`);
+    }
+    // Period labels along x-axis
+    periods.forEach((period) => {
+        g.append('text')
+            .attr('x', xScale(period))
+            .attr('y', dims.innerHeight + 20)
+            .attr('text-anchor', 'middle')
+            .attr('fill', TEXT_MUTED)
+            .attr('font-size', '11px')
+            .attr('font-weight', '500')
+            .attr('font-family', 'Inter, system-ui, sans-serif')
+            .text(String(period));
+    });
+    // Draw lines and dots for each entity
+    const isSinglePeriod = periods.length <= 1;
+    if (!isSinglePeriod) {
+        const line = d3
+            .line()
+            .x((d) => xScale(d.period))
+            .y((d) => yScale(d.rank))
+            .curve(d3.curveBumpX);
+        entities.forEach((entity) => {
+            const points = periods
+                .filter((p) => ranks[entity][p] != null)
+                .map((p) => ({
+                period: p,
+                rank: ranks[entity][p],
+                value: lookup[entity][p],
+            }));
+            if (points.length < 2)
+                return;
+            const color = colorScale(entity);
+            g.append('path')
+                .datum(points)
+                .attr('d', line)
+                .attr('fill', 'none')
+                .attr('stroke', color)
+                .attr('stroke-width', strokeWidth)
+                .attr('opacity', 0.8);
+            points.forEach((pt) => {
+                g.append('circle')
+                    .attr('cx', xScale(pt.period))
+                    .attr('cy', yScale(pt.rank))
+                    .attr('r', dotRadius)
+                    .attr('fill', color)
+                    .attr('stroke', DARK_BG)
+                    .attr('stroke-width', 2)
+                    .attr('cursor', 'pointer')
+                    .on('mouseover', function (event) {
+                    d3.select(this).attr('r', dotRadius + 2);
+                    showTooltip(tooltip, `<strong>${entity}</strong><br/>Period: ${pt.period}<br/>Rank: #${pt.rank}<br/>Value: ${formatValue(pt.value)}`, event);
+                })
+                    .on('mousemove', (event) => {
+                    positionTooltip(tooltip, event);
+                })
+                    .on('mouseout', function () {
+                    d3.select(this).attr('r', dotRadius);
+                    hideTooltip(tooltip);
+                });
+            });
+            if (showLabels) {
+                const lastPt = points[points.length - 1];
+                g.append('text')
+                    .attr('x', xScale(lastPt.period) + dotRadius + 6)
+                    .attr('y', yScale(lastPt.rank))
+                    .attr('dominant-baseline', 'middle')
+                    .attr('fill', color)
+                    .attr('font-size', '11px')
+                    .attr('font-weight', '500')
+                    .attr('font-family', 'Inter, system-ui, sans-serif')
+                    .text(truncateLabel(entity, 14));
+            }
+        });
+    }
+    else {
+        const singlePeriod = periods[0];
+        const dotX = dims.innerWidth / 2;
+        entities.forEach((entity) => {
+            const rank = ranks[entity][singlePeriod];
+            if (rank == null)
+                return;
+            const value = lookup[entity][singlePeriod];
+            const color = colorScale(entity);
+            g.append('circle')
+                .attr('cx', dotX)
+                .attr('cy', yScale(rank))
+                .attr('r', 6)
+                .attr('fill', color)
+                .attr('stroke', DARK_BG)
+                .attr('stroke-width', 2)
+                .attr('cursor', 'pointer')
+                .on('mouseover', function (event) {
+                d3.select(this).attr('r', 8);
+                showTooltip(tooltip, `<strong>${entity}</strong><br/>Period: ${singlePeriod}<br/>Rank: #${rank}<br/>Value: ${formatValue(value)}`, event);
+            })
+                .on('mousemove', (event) => {
+                positionTooltip(tooltip, event);
+            })
+                .on('mouseout', function () {
+                d3.select(this).attr('r', 6);
+                hideTooltip(tooltip);
+            });
+            g.append('text')
+                .attr('x', dotX + 12)
+                .attr('y', yScale(rank))
+                .attr('dominant-baseline', 'middle')
+                .attr('fill', color)
+                .attr('font-size', '11px')
+                .attr('font-weight', '500')
+                .attr('font-family', 'Inter, system-ui, sans-serif')
+                .text(`${entity.length > 14 ? entity.slice(0, 13) + '\u2026' : entity} (${formatValue(value)})`);
+        });
+    }
+    if (!showLabels) {
+        const legendDiv = createLegend(colorScale);
+        container.appendChild(legendDiv);
+    }
+}
+//# sourceMappingURL=bump-chart.js.map

package/dist/src/renderers/d3/comparison/bump-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bump-chart.js","sourceRoot":"","sources":["../../../../../src/renderers/d3/comparison/bump-chart.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EACL,SAAS,EACT,eAAe,EACf,YAAY,EACZ,aAAa,EACb,WAAW,EACX,WAAW,EACX,eAAe,EACf,WAAW,EACX,UAAU,EACV,UAAU,EACV,OAAO,EACP,aAAa,GACd,MAAM,cAAc,CAAC;AAItB,MAAM,UAAU,eAAe,CAAC,SAAsB,EAAE,IAAuB;IAC7E,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAExC,MAAM,aAAa,GAAG,MAAM,CAAC,aAAa,IAAI,QAAQ,CAAC,KAAK,EAAE,KAAK,IAAI,QAAQ,CAAC;IAChF,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,IAAI,QAAQ,CAAC,CAAC,EAAE,KAAK,IAAI,QAAQ,CAAC;IACpE,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,QAAQ,CAAC,CAAC,EAAE,KAAK,IAAI,OAAO,CAAC;IACrE,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,KAAK,KAAK,CAAC;IAC/C,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,IAAI,GAAG,CAAC;IAC9C,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,IAAI,CAAC,CAAC;IAExC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IACjC,SAAS,CAAC,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;IACzC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,OAAO,CAAC;IACrC,SAAS,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;IACrC,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAEpC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACnD,YAAY,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;IAC9B,YAAY,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC;IACnC,SAAS,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAEpC,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC,YAAY,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;IACjF,GAAG,CAAC,KAAK,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,KAAK,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC;IAC5D,MAAM,OAAO,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAEzC,wEAAwE;IACxE,MAAM,SAAS,GAAG,IAAI,GAAG,EAAU,CAAC;IACpC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC;IAE/B,MAAM,SAAS,GAAG,IAAI,GAAG,EAAU,CAAC;IACpC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D,MAAM,QAAQ,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC;IAEhC,4CAA4C;IAC5C,MAAM,MAAM,GAA2C,EAAE,CAAC;IAC1D,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;QACrB,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;IACjB,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;QACjB,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;QACnC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;QAC/B,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,0FAA0F;IAC1F,MAAM,KAAK,GAA2C,EAAE,CAAC;IACzD,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;QACrB,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;IAChB,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;QACzB,MAAM,kBAAkB,GAAG,QAAQ;aAChC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;aACrE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;QAEzD,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;QAErD,kBAAkB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;YACvC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAC;IAEhC,SAAS;IACT,MAAM,MAAM,GAAG,EAAE;SACd,UAAU,EAAE;SACZ,MAAM,CAAC,OAAO,CAAC;SACf,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;SAC3B,OAAO,CAAC,GAAG,CAAC,CAAC;IAEhB,MAAM,MAAM,GAAG,EAAE;SACd,WAAW,EAAE;SACb,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;SACpB,KAAK,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,CAAC,CAAC;IAEtC,MAAM,UAAU,GAAG,eAAe,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAEzD,+CAA+C;IAC/C,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,IAAI,OAAO,EAAE,IAAI,EAAE,EAAE,CAAC;QAC3C,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;aACb,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;aACb,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;aACxB,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC;aAC3B,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;aACxB,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;aAC1B,IAAI,CAAC,cAAc,EAAE,GAAG,CAAC;aACzB,IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;QAEnC,sBAAsB;QACtB,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;aACb,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;aACb,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;aACvB,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC;aAC1B,IAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAC;aACnC,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC;aACxB,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;aACzB,IAAI,CAAC,aAAa,EAAE,8BAA8B,CAAC;aACnD,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IACtB,CAAC;IAED,6BAA6B;IAC7B,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;QACzB,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;aACb,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;aACzB,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;aAChC,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC;aAC7B,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC;aACxB,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;aACzB,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC;aAC1B,IAAI,CAAC,aAAa,EAAE,8BAA8B,CAAC;aACnD,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,sCAAsC;IACtC,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,IAAI,CAAC,CAAC;IAE3C,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,MAAM,IAAI,GAAG,EAAE;aACZ,IAAI,EAAE;aACN,CAAC,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;aAC/B,CAAC,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;aAC7B,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;QAExB,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YAC1B,MAAM,MAAM,GAAG,OAAO;iBACnB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;iBACvC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gBACX,MAAM,EAAE,CAAC;gBACT,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBACtB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;aACzB,CAAC,CAAC,CAAC;YAEN,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC;gBAAE,OAAO;YAE9B,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;YAEjC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;iBACb,KAAK,CAAC,MAAM,CAAC;iBACb,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC;iBACf,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC;iBACpB,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;iBACrB,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC;iBACjC,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;YAExB,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;gBACpB,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC;qBACf,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;qBAC7B,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;qBAC3B,IAAI,CAAC,GAAG,EAAE,SAAS,CAAC;qBACpB,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;qBACnB,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC;qBACvB,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;qBACvB,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC;qBACzB,EAAE,CAAC,WAAW,EAAE,UAAU,KAAiB;oBAC1C,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC;oBACzC,WAAW,CACT,OAAO,EACP,WAAW,MAAM,yBAAyB,EAAE,CAAC,MAAM,eAAe,EAAE,CAAC,IAAI,eAAe,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,EAC/G,KAAK,CACN,CAAC;gBACJ,CAAC,CAAC;qBACD,EAAE,CAAC,WAAW,EAAE,CAAC,KAAiB,EAAE,EAAE;oBACrC,eAAe,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;gBAClC,CAAC,CAAC;qBACD,EAAE,CAAC,UAAU,EAAE;oBACd,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;oBACrC,WAAW,CAAC,OAAO,CAAC,CAAC;gBACvB,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YAEH,IAAI,UAAU,EAAE,CAAC;gBACf,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBACzC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;qBACb,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAE,GAAG,SAAS,GAAG,CAAC,CAAC;qBACjD,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;qBAC9B,IAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAC;qBACnC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;qBACnB,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;qBACzB,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC;qBAC1B,IAAI,CAAC,aAAa,EAAE,8BAA8B,CAAC;qBACnD,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;YACrC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;SAAM,CAAC;QACN,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QAChC,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QAEjC,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YAC1B,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC;YACzC,IAAI,IAAI,IAAI,IAAI;gBAAE,OAAO;YACzB,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC;YAC3C,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;YAEjC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC;iBACf,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;iBAChB,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;iBACxB,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;iBACZ,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;iBACnB,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC;iBACvB,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;iBACvB,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC;iBACzB,EAAE,CAAC,WAAW,EAAE,UAAU,KAAiB;gBAC1C,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;gBAC7B,WAAW,CACT,OAAO,EACP,WAAW,MAAM,yBAAyB,YAAY,eAAe,IAAI,eAAe,WAAW,CAAC,KAAK,CAAC,EAAE,EAC5G,KAAK,CACN,CAAC;YACJ,CAAC,CAAC;iBACD,EAAE,CAAC,WAAW,EAAE,CAAC,KAAiB,EAAE,EAAE;gBACrC,eAAe,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YAClC,CAAC,CAAC;iBACD,EAAE,CAAC,UAAU,EAAE;gBACd,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;gBAC7B,WAAW,CAAC,OAAO,CAAC,CAAC;YACvB,CAAC,CAAC,CAAC;YAEL,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;iBACb,IAAI,CAAC,GAAG,EAAE,IAAI,GAAG,EAAE,CAAC;iBACpB,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;iBACvB,IAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAC;iBACnC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;iBACnB,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;iBACzB,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC;iBAC1B,IAAI,CAAC,aAAa,EAAE,8BAA8B,CAAC;iBACnD,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,KAAK,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACrG,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;QAC3C,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACnC,CAAC;AACH,CAAC"}

package/dist/src/renderers/d3/comparison/connected-dot-plot.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Connected dot plot D3 renderer.
+ *
+ * For each category row, draws a horizontal line segment from value1 to value2,
+ * with colored dots at each end. Y-axis is categorical (scaleBand),
+ * X-axis is quantitative (scaleLinear).
+ */
+import type { VisualizationSpec } from '../../../types.js';
+export declare function renderConnectedDotPlot(container: HTMLElement, spec: VisualizationSpec): void;
+//# sourceMappingURL=connected-dot-plot.d.ts.map

package/dist/src/renderers/d3/comparison/connected-dot-plot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connected-dot-plot.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/d3/comparison/connected-dot-plot.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAwB3D,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,iBAAiB,GAAG,IAAI,CA6O5F"}