@outsidedata/dolex 0.1.0

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

@@ -0,0 +1,267 @@
+/**
+ * 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 { createSvg, buildColorScale, createLegend, addSortControls, createTooltip, showTooltip, hideTooltip, positionTooltip, formatValue, styleAxis, getAdaptiveTickCount, shouldRotateLabels, calculateBottomMargin, calculateLeftMargin, truncateLabel, shouldShowValueLabels, renderEmptyState, DARK_BG, TEXT_MUTED, } from '../shared.js';
+export function renderGroupedBar(container, spec) {
+    const { config, encoding, data } = spec;
+    let isHorizontal = config.orientation === 'horizontal';
+    const categoryField = config.categoryField || encoding.x?.field;
+    const seriesField = config.seriesField || encoding.color?.field;
+    const valueField = config.valueField || encoding.y?.field;
+    if (!categoryField || !valueField)
+        return;
+    let series;
+    let pivoted;
+    if (seriesField) {
+        series = [...new Set(data.map((d) => String(d[seriesField])))];
+        pivoted = {};
+        for (const d of data) {
+            const cat = String(d[categoryField]);
+            if (!pivoted[cat])
+                pivoted[cat] = {};
+            pivoted[cat][String(d[seriesField])] = Number(d[valueField]) || 0;
+        }
+    }
+    else {
+        const numericFields = Object.keys(data[0] || {}).filter((k) => k !== categoryField && typeof data[0][k] === 'number');
+        series = numericFields.length > 1 ? numericFields : [valueField];
+        pivoted = {};
+        for (const d of data) {
+            const cat = String(d[categoryField]);
+            pivoted[cat] = {};
+            for (const s of series) {
+                pivoted[cat][s] = Number(d[s]) || 0;
+            }
+        }
+    }
+    let categories = [...new Set(data.map((d) => String(d[categoryField])))];
+    if (config.sortBy === 'value') {
+        const order = config.sortOrder === 'ascending' ? 1 : -1;
+        categories.sort((a, b) => {
+            const totalA = series.reduce((sum, s) => sum + (pivoted[a]?.[s] ?? 0), 0);
+            const totalB = series.reduce((sum, s) => sum + (pivoted[b]?.[s] ?? 0), 0);
+            return order * (totalA - totalB);
+        });
+    }
+    else if (config.sortBy === 'category') {
+        const order = config.sortOrder === 'ascending' ? 1 : -1;
+        categories.sort((a, b) => order * a.localeCompare(b, undefined, { sensitivity: 'base', numeric: true }));
+    }
+    if (!isHorizontal && categories.length * series.length > 20) {
+        isHorizontal = true;
+    }
+    let minVal = 0;
+    let maxVal = 0;
+    for (const cat of categories) {
+        for (const s of series) {
+            const v = pivoted[cat]?.[s] ?? 0;
+            if (v < minVal)
+                minVal = v;
+            if (v > maxVal)
+                maxVal = v;
+        }
+    }
+    // Check if all values are zero
+    if (minVal === 0 && maxVal === 0) {
+        container.style.display = 'flex';
+        container.style.flexDirection = 'column';
+        container.style.background = DARK_BG;
+        container.style.borderRadius = '8px';
+        const chartWrapper = document.createElement('div');
+        chartWrapper.style.flex = '1';
+        container.appendChild(chartWrapper);
+        const { svg, g, dims } = createSvg(chartWrapper, spec);
+        svg.style('background', 'none');
+        renderEmptyState(g, dims);
+        return;
+    }
+    const containerWidth = container.clientWidth || 800;
+    const containerHeight = container.clientHeight || 500;
+    const showLegend = containerHeight > 250 && containerWidth > 350;
+    const colorScale = buildColorScale(encoding.color, data, seriesField || valueField);
+    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);
+    let legendDiv = null;
+    if (showLegend) {
+        legendDiv = createLegend(colorScale);
+        container.appendChild(legendDiv);
+    }
+    const tooltip = createTooltip(container);
+    if (isHorizontal) {
+        const labels = categories;
+        const leftMargin = calculateLeftMargin(labels);
+        const { svg, g, dims } = createSvg(chartWrapper, spec, { left: leftMargin, bottom: 40, right: 30, top: 40 });
+        svg.style('background', 'none').style('border-radius', '0');
+        const yScale = d3.scaleBand().domain(categories).range([0, dims.innerHeight]).padding(0.2);
+        // Clamp group height for single/few items
+        const maxGroupHeight = Math.min(120, dims.innerHeight * 0.4);
+        const groupHeight = Math.min(yScale.bandwidth(), maxGroupHeight);
+        const groupYOffset = (yScale.bandwidth() - groupHeight) / 2;
+        const yInner = d3.scaleBand().domain(series).range([0, groupHeight]).padding(0.05);
+        const xScale = d3.scaleLinear().domain([Math.min(0, minVal), Math.max(0, maxVal)]).range([0, dims.innerWidth]).nice();
+        const xTickCount = getAdaptiveTickCount(dims.innerWidth);
+        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);
+        const yAxis = g.append('g')
+            .attr('class', 'y-axis')
+            .call(d3.axisLeft(yScale).tickSize(0).tickPadding(10)
+            .tickFormat((d) => truncateLabel(d, 25)));
+        styleAxis(yAxis);
+        g.selectAll('.group-hover-target')
+            .data(categories)
+            .join('rect')
+            .attr('class', 'group-hover-target')
+            .attr('y', (cat) => yScale(cat))
+            .attr('x', 0)
+            .attr('height', yScale.bandwidth())
+            .attr('width', dims.innerWidth)
+            .attr('fill', 'transparent')
+            .attr('cursor', 'pointer')
+            .on('mouseover', function (event, cat) {
+            g.selectAll(`.bar[data-category="${CSS.escape(cat)}"]`).attr('opacity', 0.8);
+            let html = `<strong>${cat}</strong>`;
+            series.forEach((s) => {
+                const val = pivoted[cat]?.[s] ?? 0;
+                const swatch = `<span style="display:inline-block;width:8px;height:8px;border-radius:2px;background:${colorScale(s)};margin-right:4px"></span>`;
+                html += `<br/>${swatch}${s}: ${formatValue(val)}`;
+            });
+            showTooltip(tooltip, html, event);
+        })
+            .on('mousemove', (event) => {
+            positionTooltip(tooltip, event);
+        })
+            .on('mouseout', function () {
+            g.selectAll('.bar').attr('opacity', 1);
+            hideTooltip(tooltip);
+        });
+        for (const cat of categories) {
+            for (const s of series) {
+                const val = pivoted[cat]?.[s] ?? 0;
+                g.append('rect')
+                    .attr('class', 'bar')
+                    .attr('data-category', cat)
+                    .attr('y', (yScale(cat) ?? 0) + groupYOffset + (yInner(s) ?? 0))
+                    .attr('x', val >= 0 ? xScale(0) : xScale(val))
+                    .attr('height', yInner.bandwidth())
+                    .attr('width', Math.max(2, Math.abs(xScale(val) - xScale(0))))
+                    .attr('fill', colorScale(s))
+                    .attr('rx', 2)
+                    .attr('pointer-events', 'none');
+            }
+        }
+        addSortControls(svg, container, spec, dims, renderGroupedBar);
+    }
+    else {
+        const estBarWidth = (containerWidth - 130) / categories.length;
+        const willRotate = shouldRotateLabels(categories, estBarWidth);
+        const bottomMargin = calculateBottomMargin(categories, willRotate);
+        const { svg, g, dims } = createSvg(chartWrapper, spec, { bottom: bottomMargin, left: 70, right: 30, top: 40 });
+        svg.style('background', 'none').style('border-radius', '0');
+        const xScale = d3.scaleBand().domain(categories).range([0, dims.innerWidth]).padding(0.2);
+        // Clamp group width for single/few items
+        const maxGroupWidth = Math.min(120, dims.innerWidth * 0.4);
+        const groupWidth = Math.min(xScale.bandwidth(), maxGroupWidth);
+        const groupXOffset = (xScale.bandwidth() - groupWidth) / 2;
+        const xInner = d3.scaleBand().domain(series).range([0, groupWidth]).padding(0.05);
+        const yScale = d3.scaleLinear().domain([Math.min(0, minVal), Math.max(0, maxVal)]).range([dims.innerHeight, 0]).nice();
+        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);
+        if (willRotate) {
+            g.selectAll('.x-axis .tick text')
+                .attr('transform', 'rotate(-35)')
+                .attr('text-anchor', 'end')
+                .attr('dx', '-0.5em')
+                .attr('dy', '0.15em');
+        }
+        const yTickCount = getAdaptiveTickCount(dims.innerHeight, 40);
+        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);
+        g.selectAll('.group-hover-target')
+            .data(categories)
+            .join('rect')
+            .attr('class', 'group-hover-target')
+            .attr('x', (cat) => xScale(cat))
+            .attr('y', 0)
+            .attr('width', xScale.bandwidth())
+            .attr('height', dims.innerHeight)
+            .attr('fill', 'transparent')
+            .attr('cursor', 'pointer')
+            .on('mouseover', function (event, cat) {
+            g.selectAll(`.bar[data-category="${CSS.escape(cat)}"]`).attr('opacity', 0.8);
+            let html = `<strong>${cat}</strong>`;
+            series.forEach((s) => {
+                const val = pivoted[cat]?.[s] ?? 0;
+                const swatch = `<span style="display:inline-block;width:8px;height:8px;border-radius:2px;background:${colorScale(s)};margin-right:4px"></span>`;
+                html += `<br/>${swatch}${s}: ${formatValue(val)}`;
+            });
+            showTooltip(tooltip, html, event);
+        })
+            .on('mousemove', (event) => {
+            positionTooltip(tooltip, event);
+        })
+            .on('mouseout', function () {
+            g.selectAll('.bar').attr('opacity', 1);
+            hideTooltip(tooltip);
+        });
+        for (const cat of categories) {
+            for (const s of series) {
+                const val = pivoted[cat]?.[s] ?? 0;
+                const barHeight = Math.max(2, Math.abs(yScale(0) - yScale(val)));
+                g.append('rect')
+                    .attr('class', 'bar')
+                    .attr('data-category', cat)
+                    .attr('x', (xScale(cat) ?? 0) + groupXOffset + (xInner(s) ?? 0))
+                    .attr('y', val >= 0 ? yScale(val) : yScale(0))
+                    .attr('width', xInner.bandwidth())
+                    .attr('height', barHeight)
+                    .attr('fill', colorScale(s))
+                    .attr('rx', 2)
+                    .attr('pointer-events', 'none');
+            }
+        }
+        const showLabels = shouldShowValueLabels(config, xInner.bandwidth(), false);
+        if (showLabels) {
+            for (const cat of categories) {
+                for (const s of series) {
+                    const val = pivoted[cat]?.[s] ?? 0;
+                    const barHeight = Math.abs(yScale(0) - yScale(val));
+                    const barX = (xScale(cat) ?? 0) + groupXOffset + (xInner(s) ?? 0) + xInner.bandwidth() / 2;
+                    const yPos = val >= 0 ? yScale(val) : yScale(0);
+                    const inside = barHeight >= 20;
+                    g.append('text')
+                        .attr('class', 'bar-label')
+                        .attr('x', barX)
+                        .attr('y', inside ? yPos + 14 : yPos - 6)
+                        .attr('text-anchor', 'middle')
+                        .attr('fill', inside ? '#ffffff' : TEXT_MUTED)
+                        .attr('font-size', '10px')
+                        .attr('font-weight', '500')
+                        .attr('font-family', 'Inter, system-ui, sans-serif')
+                        .attr('pointer-events', 'none')
+                        .text(formatValue(val));
+                }
+            }
+        }
+        addSortControls(svg, container, spec, dims, renderGroupedBar);
+    }
+}
+//# sourceMappingURL=grouped-bar.js.map

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

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

package/dist/src/renderers/d3/comparison/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Comparison renderers — bar, diverging-bar, slope-chart, connected-dot-plot, bump-chart, etc.
+ */
+export { renderBar } from './bar.js';
+export { renderDivergingBar } from './diverging-bar.js';
+export { renderSlopeChart } from './slope-chart.js';
+export { renderConnectedDotPlot } from './connected-dot-plot.js';
+export { renderBumpChart } from './bump-chart.js';
+export { renderLollipop } from './lollipop.js';
+export { renderBullet } from './bullet.js';
+export { renderGroupedBar } from './grouped-bar.js';
+export { renderWaterfall } from './waterfall.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/renderers/d3/comparison/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/d3/comparison/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,13 @@
+/**
+ * Comparison renderers — bar, diverging-bar, slope-chart, connected-dot-plot, bump-chart, etc.
+ */
+export { renderBar } from './bar.js';
+export { renderDivergingBar } from './diverging-bar.js';
+export { renderSlopeChart } from './slope-chart.js';
+export { renderConnectedDotPlot } from './connected-dot-plot.js';
+export { renderBumpChart } from './bump-chart.js';
+export { renderLollipop } from './lollipop.js';
+export { renderBullet } from './bullet.js';
+export { renderGroupedBar } from './grouped-bar.js';
+export { renderWaterfall } from './waterfall.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/renderers/d3/comparison/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/src/renderers/d3/comparison/lollipop.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Lollipop chart D3 renderer — dots on sticks for clean ranking.
+ */
+import type { VisualizationSpec } from '../../../types.js';
+export declare function renderLollipop(container: HTMLElement, spec: VisualizationSpec): void;
+//# sourceMappingURL=lollipop.d.ts.map

package/dist/src/renderers/d3/comparison/lollipop.d.ts.map

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

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

@@ -0,0 +1,318 @@
+/**
+ * Lollipop chart D3 renderer — dots on sticks for clean ranking.
+ */
+import { createSvg, buildColorScale, createTooltip, showTooltip, hideTooltip, positionTooltip, formatValue, renderEmptyState, isAllZeros, truncateLabel, calculateLeftMargin, getAdaptiveTickCount, addSortControls, styleAxis, shouldRotateLabels, calculateBottomMargin, contrastText, } from '../shared.js';
+export function renderLollipop(container, spec) {
+    const { config, encoding, data } = spec;
+    const isHorizontal = config.orientation !== 'vertical';
+    const categoryField = config.categoryField || encoding.x?.field;
+    const valueField = config.valueField || encoding.y?.field;
+    if (!categoryField || !valueField)
+        return;
+    let sortedData = [...data];
+    if (config.sortBy === 'value' || (config.sorted && !config.sortBy)) {
+        const order = config.sortOrder === 'ascending' ? 1 : -1;
+        sortedData.sort((a, b) => order * (Number(a[valueField]) - Number(b[valueField])));
+    }
+    else if (config.sortBy === 'category') {
+        const order = config.sortOrder === 'ascending' ? 1 : -1;
+        sortedData.sort((a, b) => {
+            const aVal = String(a[categoryField]);
+            const bVal = String(b[categoryField]);
+            return order * aVal.localeCompare(bVal, undefined, { sensitivity: 'base', numeric: true });
+        });
+    }
+    const dotRadius = config.dotRadius ?? 14;
+    let marginOverrides;
+    if (isHorizontal) {
+        const labels = sortedData.map((d) => String(d[categoryField]));
+        const leftMargin = calculateLeftMargin(labels);
+        marginOverrides = { left: leftMargin, bottom: 40, right: 40 };
+    }
+    else {
+        const labels = sortedData.map((d) => String(d[categoryField]));
+        const containerWidth = container.clientWidth || 800;
+        const estimatedSpacing = (containerWidth - 100) / labels.length;
+        const willRotate = shouldRotateLabels(labels, estimatedSpacing);
+        const bottomMargin = calculateBottomMargin(labels, willRotate);
+        marginOverrides = { bottom: bottomMargin, left: 70, right: 30 };
+    }
+    const { svg, g, dims } = createSvg(container, spec, marginOverrides);
+    const tooltip = createTooltip(container);
+    // Check if all values are zero
+    if (isAllZeros(data, valueField)) {
+        renderEmptyState(g, dims);
+        return;
+    }
+    if (isHorizontal) {
+        renderHorizontal(g, sortedData, data, encoding, config, dims, tooltip, categoryField, valueField, dotRadius);
+    }
+    else {
+        renderVertical(g, sortedData, data, encoding, config, dims, tooltip, categoryField, valueField, dotRadius);
+    }
+    const hasCategoricalLabels = sortedData.some((d) => {
+        const value = d[categoryField];
+        return typeof value === 'string' && isNaN(Number(value));
+    });
+    if (hasCategoricalLabels) {
+        addSortControls(svg, container, spec, dims, renderLollipop);
+    }
+}
+function renderHorizontal(g, data, originalData, encoding, config, dims, tooltip, categoryField, valueField, dotRadius) {
+    const categories = data.map((d) => String(d[categoryField]));
+    const yScale = d3
+        .scalePoint()
+        .domain(categories)
+        .range([0, dims.innerHeight])
+        .padding(0.5);
+    const values = data.map((d) => Number(d[valueField]));
+    const minVal = Math.min(0, d3.min(values));
+    const maxVal = Math.max(0, d3.max(values));
+    const xScale = d3
+        .scaleLinear()
+        .domain([minVal, maxVal])
+        .range([0, dims.innerWidth])
+        .nice();
+    const colorScale = buildColorScale(encoding.color, originalData, valueField);
+    const baselineX = xScale(0);
+    const spacing = categories.length > 1 ? yScale.step() : dims.innerHeight;
+    const r = Math.min(dotRadius, spacing / 2 - 1);
+    const xTickCount = getAdaptiveTickCount(dims.innerWidth);
+    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);
+    const yAxis = g
+        .append('g')
+        .attr('class', 'y-axis')
+        .call(d3
+        .axisLeft(yScale)
+        .tickSize(0)
+        .tickPadding(10)
+        .tickFormat((d) => truncateLabel(d, 25)));
+    styleAxis(yAxis);
+    g.selectAll('.lollipop-hover')
+        .data(data)
+        .join('rect')
+        .attr('class', 'lollipop-hover')
+        .attr('x', 0)
+        .attr('y', (d) => yScale(String(d[categoryField])) - spacing / 2)
+        .attr('width', dims.innerWidth)
+        .attr('height', spacing)
+        .attr('fill', 'transparent')
+        .attr('cursor', 'pointer')
+        .on('mouseover', function (event, d) {
+        const cat = String(d[categoryField]);
+        const hoverSize = r * 1.3;
+        g.selectAll('.lollipop-dot')
+            .attr('opacity', (dd) => String(dd[categoryField]) === cat ? 1 : 0.25);
+        g.selectAll('.lollipop-dot')
+            .filter((dd) => String(dd[categoryField]) === cat)
+            .attr('width', hoverSize * 2)
+            .attr('height', hoverSize * 2)
+            .attr('x', (dd) => xScale(Number(dd[valueField])) - hoverSize)
+            .attr('y', (dd) => yScale(String(dd[categoryField])) - hoverSize);
+        g.selectAll('.lollipop-stem')
+            .attr('opacity', (dd) => String(dd[categoryField]) === cat ? 1 : 0.25);
+        showTooltip(tooltip, `<strong>${d[categoryField]}</strong><br/>${valueField}: ${formatValue(Number(d[valueField]))}`, event);
+    })
+        .on('mousemove', (event) => {
+        positionTooltip(tooltip, event);
+    })
+        .on('mouseout', function () {
+        g.selectAll('.lollipop-dot')
+            .attr('opacity', 1)
+            .attr('width', r * 2)
+            .attr('height', r * 2)
+            .attr('x', (dd) => xScale(Number(dd[valueField])) - r)
+            .attr('y', (dd) => yScale(String(dd[categoryField])) - r);
+        g.selectAll('.lollipop-stem').attr('opacity', 1);
+        hideTooltip(tooltip);
+    });
+    g.selectAll('.lollipop-stem')
+        .data(data)
+        .join('line')
+        .attr('class', 'lollipop-stem')
+        .attr('x1', baselineX)
+        .attr('x2', (d) => {
+        const val = Number(d[valueField]);
+        return xScale(val) + (val >= 0 ? -r : r);
+    })
+        .attr('y1', (d) => yScale(String(d[categoryField])))
+        .attr('y2', (d) => yScale(String(d[categoryField])))
+        .attr('stroke', (d) => colorScale(d[encoding.color?.field || categoryField]))
+        .attr('stroke-width', 2)
+        .attr('pointer-events', 'none');
+    g.selectAll('.lollipop-dot')
+        .data(data)
+        .join('rect')
+        .attr('class', 'lollipop-dot')
+        .attr('x', (d) => xScale(Number(d[valueField])) - r)
+        .attr('y', (d) => yScale(String(d[categoryField])) - r)
+        .attr('width', r * 2)
+        .attr('height', r * 2)
+        .attr('rx', 2)
+        .attr('fill', (d) => colorScale(d[encoding.color?.field || categoryField]))
+        .attr('stroke', '#0f1117')
+        .attr('stroke-width', 1.5)
+        .attr('pointer-events', 'none');
+    if (r >= 12) {
+        g.selectAll('.lollipop-label')
+            .data(data)
+            .join('text')
+            .attr('class', 'lollipop-label')
+            .attr('x', (d) => xScale(Number(d[valueField])))
+            .attr('y', (d) => yScale(String(d[categoryField])))
+            .attr('text-anchor', 'middle')
+            .attr('dominant-baseline', 'central')
+            .attr('fill', (d) => contrastText(colorScale(d[encoding.color?.field || categoryField])))
+            .attr('font-size', `${Math.min(10, r - 3)}px`)
+            .attr('font-weight', '600')
+            .attr('font-family', 'Inter, system-ui, sans-serif')
+            .attr('pointer-events', 'none')
+            .text((d) => {
+            const dotX = xScale(Number(d[valueField]));
+            if (dotX < r + 5)
+                return '';
+            return formatValue(Number(d[valueField]));
+        });
+    }
+}
+function renderVertical(g, data, originalData, encoding, config, dims, tooltip, categoryField, valueField, dotRadius) {
+    const categories = data.map((d) => String(d[categoryField]));
+    const xScale = d3
+        .scalePoint()
+        .domain(categories)
+        .range([0, dims.innerWidth])
+        .padding(0.5);
+    const values = data.map((d) => Number(d[valueField]));
+    const minVal = Math.min(0, d3.min(values));
+    const maxVal = Math.max(0, d3.max(values));
+    const yScale = d3
+        .scaleLinear()
+        .domain([minVal, maxVal])
+        .range([dims.innerHeight, 0])
+        .nice();
+    const colorScale = buildColorScale(encoding.color, originalData, valueField);
+    const baselineY = yScale(0);
+    const spacing = categories.length > 1 ? xScale.step() : dims.innerWidth;
+    const r = Math.min(dotRadius, spacing / 2 - 1);
+    const yTickCount = getAdaptiveTickCount(dims.innerHeight, 40);
+    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, 12)));
+    styleAxis(xAxis);
+    const needsRotation = shouldRotateLabels(categories, spacing);
+    if (needsRotation) {
+        g.selectAll('.x-axis .tick text')
+            .attr('transform', 'rotate(-35)')
+            .attr('text-anchor', 'end')
+            .attr('dx', '-0.5em')
+            .attr('dy', '0.15em');
+    }
+    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);
+    g.selectAll('.lollipop-hover')
+        .data(data)
+        .join('rect')
+        .attr('class', 'lollipop-hover')
+        .attr('x', (d) => xScale(String(d[categoryField])) - spacing / 2)
+        .attr('y', 0)
+        .attr('width', spacing)
+        .attr('height', dims.innerHeight)
+        .attr('fill', 'transparent')
+        .attr('cursor', 'pointer')
+        .on('mouseover', function (event, d) {
+        const cat = String(d[categoryField]);
+        const hoverSize = r * 1.3;
+        g.selectAll('.lollipop-dot')
+            .attr('opacity', (dd) => String(dd[categoryField]) === cat ? 1 : 0.25);
+        g.selectAll('.lollipop-dot')
+            .filter((dd) => String(dd[categoryField]) === cat)
+            .attr('width', hoverSize * 2)
+            .attr('height', hoverSize * 2)
+            .attr('x', (dd) => xScale(String(dd[categoryField])) - hoverSize)
+            .attr('y', (dd) => yScale(Number(dd[valueField])) - hoverSize);
+        g.selectAll('.lollipop-stem')
+            .attr('opacity', (dd) => String(dd[categoryField]) === cat ? 1 : 0.25);
+        showTooltip(tooltip, `<strong>${d[categoryField]}</strong><br/>${valueField}: ${formatValue(Number(d[valueField]))}`, event);
+    })
+        .on('mousemove', (event) => {
+        positionTooltip(tooltip, event);
+    })
+        .on('mouseout', function () {
+        g.selectAll('.lollipop-dot')
+            .attr('opacity', 1)
+            .attr('width', r * 2)
+            .attr('height', r * 2)
+            .attr('x', (dd) => xScale(String(dd[categoryField])) - r)
+            .attr('y', (dd) => yScale(Number(dd[valueField])) - r);
+        g.selectAll('.lollipop-stem').attr('opacity', 1);
+        hideTooltip(tooltip);
+    });
+    g.selectAll('.lollipop-stem')
+        .data(data)
+        .join('line')
+        .attr('class', 'lollipop-stem')
+        .attr('x1', (d) => xScale(String(d[categoryField])))
+        .attr('x2', (d) => xScale(String(d[categoryField])))
+        .attr('y1', baselineY)
+        .attr('y2', (d) => {
+        const val = Number(d[valueField]);
+        return yScale(val) + (val >= 0 ? r : -r);
+    })
+        .attr('stroke', (d) => colorScale(d[encoding.color?.field || categoryField]))
+        .attr('stroke-width', 2)
+        .attr('pointer-events', 'none');
+    g.selectAll('.lollipop-dot')
+        .data(data)
+        .join('rect')
+        .attr('class', 'lollipop-dot')
+        .attr('x', (d) => xScale(String(d[categoryField])) - r)
+        .attr('y', (d) => yScale(Number(d[valueField])) - r)
+        .attr('width', r * 2)
+        .attr('height', r * 2)
+        .attr('rx', 2)
+        .attr('fill', (d) => colorScale(d[encoding.color?.field || categoryField]))
+        .attr('stroke', '#0f1117')
+        .attr('stroke-width', 1.5)
+        .attr('pointer-events', 'none');
+    if (r >= 12) {
+        g.selectAll('.lollipop-label')
+            .data(data)
+            .join('text')
+            .attr('class', 'lollipop-label')
+            .attr('x', (d) => xScale(String(d[categoryField])))
+            .attr('y', (d) => yScale(Number(d[valueField])))
+            .attr('text-anchor', 'middle')
+            .attr('dominant-baseline', 'central')
+            .attr('fill', (d) => contrastText(colorScale(d[encoding.color?.field || categoryField])))
+            .attr('font-size', `${Math.min(10, r - 3)}px`)
+            .attr('font-weight', '600')
+            .attr('font-family', 'Inter, system-ui, sans-serif')
+            .attr('pointer-events', 'none')
+            .text((d) => formatValue(Number(d[valueField])));
+    }
+}
+//# sourceMappingURL=lollipop.js.map