@outsidedata/dolex 0.1.0

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

@@ -0,0 +1,235 @@
+/**
+ * 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 { createSvg, buildColorScale, createLegend, addSortControls, contrastText, createTooltip, showTooltip, hideTooltip, positionTooltip, formatValue, styleAxis, calculateLeftMargin, renderEmptyState, isAllZeros, DEFAULT_PALETTE, GRID_COLOR, TEXT_MUTED, DARK_BG, } from '../shared.js';
+export function renderConnectedDotPlot(container, spec) {
+    const { config, encoding, data } = spec;
+    const startField = config.metric1Field || config.startField || 'start';
+    const endField = config.metric2Field || config.endField || 'end';
+    const categoryField = config.categoryField || encoding.y?.field || 'category';
+    const showLabels = config.showLabels !== false;
+    const showDifference = config.showDifference === true;
+    const startLabel = config.metric1Field || config.startLabel || startField;
+    const endLabel = config.metric2Field || config.endLabel || endField;
+    // Sort data
+    let sortedData = [...data];
+    if (config.sortBy === 'value' || config.sortBy === 'gap') {
+        const order = config.sortOrder === 'ascending' ? 1 : -1;
+        sortedData.sort((a, b) => {
+            const diffA = Number(a[endField]) - Number(a[startField]);
+            const diffB = Number(b[endField]) - Number(b[startField]);
+            return order * (diffA - diffB);
+        });
+    }
+    else if (config.sortBy === 'category') {
+        const order = config.sortOrder === 'ascending' ? 1 : -1;
+        sortedData.sort((a, b) => {
+            return order * String(a[categoryField]).localeCompare(String(b[categoryField]), undefined, { sensitivity: 'base', numeric: true });
+        });
+    }
+    // Dot radius is determined after we know the bandwidth (row height)
+    // Set up container as flex column: chart on top, legend on bottom
+    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);
+    // HTML legend below the chart
+    const legendDiv = createLegend([
+        { label: startLabel, color: DEFAULT_PALETTE[0] },
+        { label: endLabel, color: DEFAULT_PALETTE[1] },
+    ], { shape: 'circle' });
+    container.appendChild(legendDiv);
+    // Calculate left margin based on category label lengths
+    const categories = sortedData.map((d) => String(d[categoryField]));
+    const leftMargin = calculateLeftMargin(categories);
+    const { svg, g, dims } = createSvg(chartWrapper, spec, { left: leftMargin });
+    const tooltip = createTooltip(chartWrapper);
+    // Check if both value fields are all zeros
+    if (isAllZeros(sortedData, startField) && isAllZeros(sortedData, endField)) {
+        svg.style('background', 'none');
+        renderEmptyState(g, dims);
+        return;
+    }
+    // Y scale — categorical
+    const yScale = d3
+        .scaleBand()
+        .domain(categories)
+        .range([0, dims.innerHeight])
+        .padding(0.3);
+    // X scale — quantitative, spanning both start and end values
+    const allValues = sortedData.flatMap((d) => [Number(d[startField]), Number(d[endField])]);
+    const minVal = d3.min(allValues);
+    const maxVal = d3.max(allValues);
+    const padding = (maxVal - minVal) * 0.08 || 1;
+    const xScale = d3
+        .scaleLinear()
+        .domain([minVal - padding, maxVal + padding])
+        .range([0, dims.innerWidth])
+        .nice();
+    // Axes
+    // X-axis with gridlines
+    const xAxis = g
+        .append('g')
+        .attr('class', 'x-axis')
+        .attr('transform', `translate(0,${dims.innerHeight})`)
+        .call(d3
+        .axisBottom(xScale)
+        .ticks(6)
+        .tickSize(-dims.innerHeight)
+        .tickPadding(8)
+        .tickFormat((d) => formatValue(d)));
+    styleAxis(xAxis);
+    // Y-axis (categorical, no gridlines)
+    const yAxis = g
+        .append('g')
+        .attr('class', 'y-axis')
+        .call(d3
+        .axisLeft(yScale)
+        .tickSize(0)
+        .tickPadding(10)
+        .tickFormat((d) => {
+        if (d.length > 30)
+            return d.slice(0, 29) + '\u2026';
+        return d;
+    }));
+    styleAxis(yAxis);
+    // Color scale — use first two palette colors for start/end dots
+    const colorScale = buildColorScale(encoding.color, sortedData);
+    const startColor = DEFAULT_PALETTE[0];
+    const endColor = DEFAULT_PALETTE[1];
+    // Draw connecting lines and dots for each category
+    const bandwidth = yScale.bandwidth();
+    // Adaptive dot sizing — never larger than the row, small mode drops labels
+    const maxDotRadius = Math.floor(bandwidth / 2);
+    const LABEL_RADIUS = 11; // ideal size when labels are shown inside
+    const SMALL_RADIUS = 5; // compact mode
+    const isSmallMode = maxDotRadius < LABEL_RADIUS;
+    const canShowLabels = showLabels && !isSmallMode;
+    const DOT_RADIUS = canShowLabels
+        ? Math.min(LABEL_RADIUS, maxDotRadius)
+        : Math.min(SMALL_RADIUS, maxDotRadius);
+    // Invisible full-width row hover targets (drawn first, behind everything)
+    // Each row gets a rect spanning the full chart width so the user doesn't
+    // have to hunt for tiny dots.
+    g.selectAll('.row-hover-target')
+        .data(sortedData)
+        .join('rect')
+        .attr('class', 'row-hover-target')
+        .attr('x', 0)
+        .attr('y', (d) => yScale(String(d[categoryField])))
+        .attr('width', dims.innerWidth)
+        .attr('height', bandwidth)
+        .attr('fill', 'transparent')
+        .attr('cursor', 'pointer')
+        .on('mouseover', function (event, d) {
+        const cat = String(d[categoryField]);
+        const startVal = Number(d[startField]);
+        const endVal = Number(d[endField]);
+        const diff = endVal - startVal;
+        // Highlight: brighten this row's dots
+        g.selectAll(`.dot-${css(cat)}`).attr('opacity', 0.8).attr('r', DOT_RADIUS + 2);
+        showTooltip(tooltip, `<strong>${cat}</strong><br/>${startLabel}: ${formatValue(startVal)}<br/>${endLabel}: ${formatValue(endVal)}<br/>Difference: ${diff >= 0 ? '+' : ''}${formatValue(diff)}`, event);
+    })
+        .on('mousemove', (event) => {
+        positionTooltip(tooltip, event);
+    })
+        .on('mouseout', function (_event, d) {
+        const cat = String(d[categoryField]);
+        g.selectAll(`.dot-${css(cat)}`).attr('opacity', 1).attr('r', DOT_RADIUS);
+        hideTooltip(tooltip);
+    });
+    // Draw lines, dots, and labels per row
+    sortedData.forEach((d) => {
+        const cat = String(d[categoryField]);
+        const startVal = Number(d[startField]);
+        const endVal = Number(d[endField]);
+        const yMid = yScale(cat) + bandwidth / 2;
+        const x1 = xScale(startVal);
+        const x2 = xScale(endVal);
+        // Determine left/right so rightmost dot is always drawn on top
+        const leftIsStart = x1 <= x2;
+        const leftX = leftIsStart ? x1 : x2;
+        const rightX = leftIsStart ? x2 : x1;
+        const leftColor = leftIsStart ? startColor : endColor;
+        const rightColor = leftIsStart ? endColor : startColor;
+        const leftVal = leftIsStart ? startVal : endVal;
+        const rightVal = leftIsStart ? endVal : startVal;
+        const dotClass = `dot-${css(cat)}`;
+        // 1) Connecting line (behind dots)
+        g.append('line')
+            .attr('x1', x1)
+            .attr('y1', yMid)
+            .attr('x2', x2)
+            .attr('y2', yMid)
+            .attr('stroke', GRID_COLOR)
+            .attr('stroke-width', 2)
+            .attr('opacity', 0.6)
+            .attr('pointer-events', 'none');
+        // 2) Left dot + label (drawn first, can be covered by right dot)
+        drawDot(g, leftX, yMid, DOT_RADIUS, leftColor, dotClass);
+        const dotsTooClose = Math.abs(rightX - leftX) < DOT_RADIUS * 2.5;
+        if (canShowLabels && !dotsTooClose) {
+            drawLabel(g, leftX, yMid, leftVal, leftColor);
+        }
+        // 3) Right dot + label (drawn last, always on top)
+        drawDot(g, rightX, yMid, DOT_RADIUS, rightColor, dotClass);
+        if (canShowLabels) {
+            drawLabel(g, rightX, yMid, rightVal, rightColor);
+        }
+        // Difference label (centered on the connecting line)
+        if (showDifference) {
+            const diff = endVal - startVal;
+            const midX = (x1 + x2) / 2;
+            g.append('text')
+                .attr('x', midX)
+                .attr('y', yMid)
+                .attr('text-anchor', 'middle')
+                .attr('dominant-baseline', 'central')
+                .attr('fill', TEXT_MUTED)
+                .attr('font-size', '9px')
+                .attr('font-family', 'Inter, system-ui, sans-serif')
+                .attr('pointer-events', 'none')
+                .text(`${diff >= 0 ? '+' : ''}${formatValue(diff)}`);
+        }
+    });
+    // Sort controls (show on hover, top-right corner)
+    addSortControls(svg, container, spec, dims, renderConnectedDotPlot);
+}
+/** Sanitize a category string into a valid CSS class fragment. */
+function css(cat) {
+    return cat.replace(/[^a-zA-Z0-9]/g, '_');
+}
+function drawDot(g, cx, cy, r, color, className) {
+    g.append('circle')
+        .attr('class', className)
+        .attr('cx', cx)
+        .attr('cy', cy)
+        .attr('r', r)
+        .attr('fill', color)
+        .attr('stroke', DARK_BG)
+        .attr('stroke-width', 1.5)
+        .attr('pointer-events', 'none');
+}
+function drawLabel(g, cx, cy, value, bgColor) {
+    g.append('text')
+        .attr('x', cx)
+        .attr('y', cy)
+        .attr('text-anchor', 'middle')
+        .attr('dominant-baseline', 'central')
+        .attr('fill', contrastText(bgColor))
+        .attr('font-size', '8px')
+        .attr('font-weight', '600')
+        .attr('font-family', 'Inter, system-ui, sans-serif')
+        .attr('pointer-events', 'none')
+        .text(formatValue(value));
+}
+//# sourceMappingURL=connected-dot-plot.js.map

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

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

package/dist/src/renderers/d3/comparison/diverging-bar.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Diverging bar chart D3 renderer with adaptive sizing, smart hover targets,
+ * and value labels — following the same standards as the bar chart renderer.
+ */
+import type { VisualizationSpec } from '../../../types.js';
+export declare function renderDivergingBar(container: HTMLElement, spec: VisualizationSpec): void;
+//# sourceMappingURL=diverging-bar.d.ts.map

package/dist/src/renderers/d3/comparison/diverging-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"diverging-bar.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/d3/comparison/diverging-bar.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AA2B3D,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAcxF"}

package/dist/src/renderers/d3/comparison/diverging-bar.js

@@ -0,0 +1,295 @@
+/**
+ * Diverging bar chart D3 renderer with adaptive sizing, smart hover targets,
+ * and value labels — following the same standards as the bar chart renderer.
+ */
+import { createSvg, createTooltip, showTooltip, hideTooltip, positionTooltip, formatValue, styleAxis, getAdaptiveTickCount, calculateLeftMargin, shouldRotateLabels, calculateBottomMargin, truncateLabel, shouldShowValueLabels, renderEmptyState, isAllZeros, TEXT_MUTED, AXIS_COLOR, } from '../shared.js';
+// ─── MAIN ENTRY ──────────────────────────────────────────────────────────────
+export function renderDivergingBar(container, spec) {
+    const { encoding, data, config } = spec;
+    const orientation = config?.orientation === 'vertical' ? 'vertical' : 'horizontal';
+    // Spec always maps: encoding.x = value (quantitative), encoding.y = category (nominal)
+    // Both render functions expect: param1 = categoryField, param2 = valueField
+    const valueField = encoding.x?.field || Object.keys(data[0])[1];
+    const categoryField = encoding.y?.field || Object.keys(data[0])[0];
+    if (orientation === 'vertical') {
+        renderVertical(container, spec, categoryField, valueField);
+    }
+    else {
+        renderHorizontal(container, spec, categoryField, valueField);
+    }
+}
+// ─── HORIZONTAL (categories top-to-bottom, bars left-to-right) ───────────────
+function renderHorizontal(container, spec, xField, yField) {
+    const { encoding, data, config } = spec;
+    const categories = data.map((d) => String(d[xField]));
+    // Dynamic left margin based on label lengths
+    const leftMargin = calculateLeftMargin(categories);
+    const { svg, g, dims } = createSvg(container, spec, { left: leftMargin, bottom: 40 });
+    const tooltip = createTooltip(container);
+    // Check if all values are zero
+    if (isAllZeros(data, yField)) {
+        renderEmptyState(g, dims);
+        return;
+    }
+    const yScale = d3.scaleBand().domain(categories).range([0, dims.innerHeight]).padding(0.2);
+    const values = data.map((d) => Number(d[yField]));
+    const maxAbs = Math.max(Math.abs(d3.min(values)), Math.abs(d3.max(values)));
+    const xScale = d3.scaleLinear().domain([-maxAbs, maxAbs]).range([0, dims.innerWidth]).nice();
+    const midX = xScale(0);
+    // Adaptive tick count for x-axis
+    const xTickCount = getAdaptiveTickCount(dims.innerWidth);
+    // X axis (values) at bottom with adaptive ticks + formatted values
+    const xAxis = g
+        .append('g')
+        .attr('class', 'x-axis')
+        .attr('transform', `translate(0,${dims.innerHeight})`)
+        .call(d3.axisBottom(xScale)
+        .ticks(xTickCount)
+        .tickSize(-dims.innerHeight)
+        .tickPadding(8)
+        .tickFormat((d) => formatValue(d)));
+    styleAxis(xAxis);
+    // Y axis (categories) with truncated labels
+    const yAxis = g
+        .append('g')
+        .attr('class', 'y-axis')
+        .call(d3.axisLeft(yScale)
+        .tickSize(0)
+        .tickPadding(10)
+        .tickFormat((d) => truncateLabel(d, 25)));
+    styleAxis(yAxis);
+    // Center line at zero
+    g.append('line')
+        .attr('x1', midX)
+        .attr('y1', 0)
+        .attr('x2', midX)
+        .attr('y2', dims.innerHeight)
+        .attr('stroke', AXIS_COLOR)
+        .attr('stroke-width', 1.5);
+    // Clamp bar height for single/few items
+    const maxBarHeight = Math.min(80, dims.innerHeight * 0.3);
+    const barHeight = Math.min(yScale.bandwidth(), maxBarHeight);
+    const barYOffset = (yScale.bandwidth() - barHeight) / 2;
+    // Invisible hover targets (full-width for easy hovering)
+    g.selectAll('.bar-hover-target')
+        .data(data)
+        .join('rect')
+        .attr('class', 'bar-hover-target')
+        .attr('y', (d) => yScale(String(d[xField])))
+        .attr('x', 0)
+        .attr('height', yScale.bandwidth())
+        .attr('width', dims.innerWidth)
+        .attr('fill', 'transparent')
+        .attr('cursor', 'pointer')
+        .on('mouseover', function (event, d) {
+        g.selectAll('.bar')
+            .filter((bd) => bd[xField] === d[xField])
+            .attr('opacity', 0.8);
+        const val = Number(d[yField]);
+        showTooltip(tooltip, `<strong>${d[xField]}</strong><br/>${yField}: ${val >= 0 ? '+' : ''}${formatValue(val)}`, event);
+    })
+        .on('mousemove', (event) => {
+        positionTooltip(tooltip, event);
+    })
+        .on('mouseout', function () {
+        g.selectAll('.bar').attr('opacity', 1);
+        hideTooltip(tooltip);
+    });
+    // Draw bars (pointer-events: none — hover targets handle interaction)
+    g.selectAll('.bar')
+        .data(data)
+        .join('rect')
+        .attr('class', 'bar')
+        .attr('y', (d) => yScale(String(d[xField])) + barYOffset)
+        .attr('height', barHeight)
+        .attr('x', (d) => {
+        const val = Number(d[yField]);
+        return val >= 0 ? midX : xScale(val);
+    })
+        .attr('width', (d) => Math.max(2, Math.abs(xScale(Number(d[yField])) - midX)))
+        .attr('fill', (d) => (Number(d[yField]) >= 0 ? '#10b981' : '#ef4444'))
+        .attr('rx', 3)
+        .attr('pointer-events', 'none');
+    // Value labels on bars (auto-enabled for large enough bars)
+    const showLabels = shouldShowValueLabels(config, barHeight, true);
+    if (showLabels) {
+        g.selectAll('.bar-label')
+            .data(data)
+            .join('text')
+            .attr('class', 'bar-label')
+            .attr('y', (d) => yScale(String(d[xField])) + yScale.bandwidth() / 2)
+            .attr('x', (d) => {
+            const val = Number(d[yField]);
+            const barEnd = xScale(val);
+            const barWidth = Math.abs(barEnd - midX);
+            // Place inside bar if wide enough, otherwise outside
+            if (val >= 0) {
+                return barWidth > 50 ? barEnd - 5 : barEnd + 5;
+            }
+            else {
+                return barWidth > 50 ? barEnd + 5 : barEnd - 5;
+            }
+        })
+            .attr('text-anchor', (d) => {
+            const val = Number(d[yField]);
+            const barWidth = Math.abs(xScale(val) - midX);
+            if (val >= 0)
+                return barWidth > 50 ? 'end' : 'start';
+            return barWidth > 50 ? 'start' : 'end';
+        })
+            .attr('dominant-baseline', 'middle')
+            .attr('fill', (d) => {
+            const barWidth = Math.abs(xScale(Number(d[yField])) - midX);
+            return barWidth > 50 ? '#ffffff' : TEXT_MUTED;
+        })
+            .attr('font-size', '10px')
+            .attr('font-weight', '500')
+            .attr('font-family', 'Inter, system-ui, sans-serif')
+            .style('opacity', 1)
+            .text((d) => {
+            const val = Number(d[yField]);
+            return (val >= 0 ? '+' : '') + formatValue(val);
+        });
+    }
+}
+// ─── VERTICAL (categories left-to-right, bars up-to-down) ────────────────────
+function renderVertical(container, spec, xField, yField) {
+    const { encoding, data, config } = spec;
+    const categories = data.map((d) => String(d[xField]));
+    // Pre-calculate label rotation and dynamic bottom margin
+    const containerWidth = container.clientWidth || 800;
+    const estimatedBarWidth = (containerWidth - 140) / categories.length;
+    const willRotate = shouldRotateLabels(categories, estimatedBarWidth);
+    const bottomMargin = calculateBottomMargin(categories, willRotate);
+    const { svg, g, dims } = createSvg(container, spec, { bottom: bottomMargin, left: 70 });
+    const tooltip = createTooltip(container);
+    // Check if all values are zero
+    if (isAllZeros(data, yField)) {
+        renderEmptyState(g, dims);
+        return;
+    }
+    const xScale = d3.scaleBand().domain(categories).range([0, dims.innerWidth]).padding(0.2);
+    const values = data.map((d) => Number(d[yField]));
+    const maxAbs = Math.max(Math.abs(d3.min(values)), Math.abs(d3.max(values)));
+    const yScale = d3.scaleLinear().domain([-maxAbs, maxAbs]).range([dims.innerHeight, 0]).nice();
+    const midY = yScale(0);
+    // X axis (categories) at bottom with truncated labels
+    const xAxis = g
+        .append('g')
+        .attr('class', 'x-axis')
+        .attr('transform', `translate(0,${dims.innerHeight})`)
+        .call(d3.axisBottom(xScale)
+        .tickSize(0)
+        .tickPadding(8)
+        .tickFormat((d) => truncateLabel(d, 25)));
+    styleAxis(xAxis);
+    // Smart label rotation based on bar width and label length
+    const barWidth = xScale.bandwidth();
+    const needsRotation = shouldRotateLabels(categories, barWidth);
+    if (needsRotation) {
+        g.selectAll('.x-axis .tick text')
+            .attr('transform', 'rotate(-35)')
+            .attr('text-anchor', 'end')
+            .attr('dx', '-0.5em')
+            .attr('dy', '0.15em');
+    }
+    // Adaptive tick count for y-axis
+    const yTickCount = getAdaptiveTickCount(dims.innerHeight, 40);
+    // Y axis (values) with adaptive ticks, grid lines, formatted values
+    const yAxis = g
+        .append('g')
+        .attr('class', 'y-axis')
+        .call(d3.axisLeft(yScale)
+        .ticks(yTickCount)
+        .tickSize(-dims.innerWidth)
+        .tickPadding(8)
+        .tickFormat((d) => formatValue(d)));
+    styleAxis(yAxis);
+    // Center line at zero (stronger weight to stand out from grid)
+    g.append('line')
+        .attr('x1', 0)
+        .attr('y1', midY)
+        .attr('x2', dims.innerWidth)
+        .attr('y2', midY)
+        .attr('stroke', AXIS_COLOR)
+        .attr('stroke-width', 1.5);
+    // Clamp bar width for single/few items
+    const maxBarWidth = Math.min(80, dims.innerWidth * 0.3);
+    const clampedBarWidth = Math.min(xScale.bandwidth(), maxBarWidth);
+    const barXOffset = (xScale.bandwidth() - clampedBarWidth) / 2;
+    // Invisible hover targets (full-height for easy hovering)
+    g.selectAll('.bar-hover-target')
+        .data(data)
+        .join('rect')
+        .attr('class', 'bar-hover-target')
+        .attr('x', (d) => xScale(String(d[xField])))
+        .attr('y', 0)
+        .attr('width', xScale.bandwidth())
+        .attr('height', dims.innerHeight)
+        .attr('fill', 'transparent')
+        .attr('cursor', 'pointer')
+        .on('mouseover', function (event, d) {
+        g.selectAll('.bar')
+            .filter((bd) => bd[xField] === d[xField])
+            .attr('opacity', 0.8);
+        const val = Number(d[yField]);
+        showTooltip(tooltip, `<strong>${d[xField]}</strong><br/>${yField}: ${val >= 0 ? '+' : ''}${formatValue(val)}`, event);
+    })
+        .on('mousemove', (event) => {
+        positionTooltip(tooltip, event);
+    })
+        .on('mouseout', function () {
+        g.selectAll('.bar').attr('opacity', 1);
+        hideTooltip(tooltip);
+    });
+    // Draw bars (pointer-events: none — hover targets handle interaction)
+    g.selectAll('.bar')
+        .data(data)
+        .join('rect')
+        .attr('class', 'bar')
+        .attr('x', (d) => xScale(String(d[xField])) + barXOffset)
+        .attr('width', clampedBarWidth)
+        .attr('y', (d) => {
+        const val = Number(d[yField]);
+        return val >= 0 ? yScale(val) : midY;
+    })
+        .attr('height', (d) => Math.max(2, Math.abs(yScale(Number(d[yField])) - midY)))
+        .attr('fill', (d) => (Number(d[yField]) >= 0 ? '#10b981' : '#ef4444'))
+        .attr('rx', 3)
+        .attr('pointer-events', 'none');
+    // Value labels on bars (auto-enabled for wide enough bars)
+    const showLabels = shouldShowValueLabels(config, clampedBarWidth, false);
+    if (showLabels) {
+        g.selectAll('.bar-label')
+            .data(data)
+            .join('text')
+            .attr('class', 'bar-label')
+            .attr('x', (d) => xScale(String(d[xField])) + xScale.bandwidth() / 2)
+            .attr('y', (d) => {
+            const val = Number(d[yField]);
+            const barHeight = Math.abs(yScale(val) - midY);
+            if (val >= 0) {
+                // Positive bar: label above if short, inside top if tall
+                return barHeight < 20 ? yScale(val) - 6 : yScale(val) + 14;
+            }
+            else {
+                // Negative bar: label below if short, inside bottom if tall
+                return barHeight < 20 ? midY + barHeight + 14 : midY + barHeight - 6;
+            }
+        })
+            .attr('text-anchor', 'middle')
+            .attr('fill', (d) => {
+            const barHeight = Math.abs(yScale(Number(d[yField])) - midY);
+            return barHeight < 20 ? TEXT_MUTED : '#ffffff';
+        })
+            .attr('font-size', '10px')
+            .attr('font-weight', '500')
+            .attr('font-family', 'Inter, system-ui, sans-serif')
+            .style('opacity', 1)
+            .text((d) => {
+            const val = Number(d[yField]);
+            return (val >= 0 ? '+' : '') + formatValue(val);
+        });
+    }
+}
+//# sourceMappingURL=diverging-bar.js.map

package/dist/src/renderers/d3/comparison/diverging-bar.js.map

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

package/dist/src/renderers/d3/comparison/grouped-bar.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Grouped bar chart D3 renderer — side-by-side bars for multi-metric comparison.
+ * Follows bar chart standards: adaptive layout, full-column hover, instant render, HTML legend.
+ */
+import type { VisualizationSpec } from '../../../types.js';
+export declare function renderGroupedBar(container: HTMLElement, spec: VisualizationSpec): void;
+//# sourceMappingURL=grouped-bar.d.ts.map

package/dist/src/renderers/d3/comparison/grouped-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouped-bar.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/d3/comparison/grouped-bar.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AA0B3D,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAkStF"}