@outsidedata/dolex 0.1.0

package/dist/src/renderers/d3/composition/treemap.js

@@ -0,0 +1,224 @@
+/**
+ * Treemap D3 renderer — HTML div-based for proper text wrapping.
+ *
+ * Uses d3.treemap() for layout computation but renders with absolutely-
+ * positioned divs instead of SVG rects, giving us natural CSS text wrapping.
+ */
+import { buildColorScale, createTooltip, showTooltip, hideTooltip, positionTooltip, formatValue, contrastText, contrastTextMuted, isAllZeros, DARK_BG, TEXT_COLOR, TEXT_MUTED, } from '../shared.js';
+export function renderTreemap(container, spec) {
+    const { config, encoding, data } = spec;
+    const categoryField = config.categoryField || encoding.color?.field || encoding.label?.field;
+    const valueField = config.valueField || encoding.size?.field;
+    const parentField = config.parentField || null;
+    const padding = config.padding ?? 2;
+    const width = container.clientWidth || 800;
+    const height = container.clientHeight || 500;
+    const titleHeight = spec.title ? 36 : 0;
+    const contentPadding = 8;
+    const innerWidth = width - contentPadding * 2;
+    const innerHeight = height - titleHeight - contentPadding * 2;
+    // Root wrapper
+    const wrapper = document.createElement('div');
+    wrapper.style.cssText = `
+    position: relative;
+    width: ${width}px;
+    height: ${height}px;
+    background: ${DARK_BG};
+    border-radius: 8px;
+    overflow: hidden;
+    font-family: Inter, system-ui, sans-serif;
+  `;
+    container.appendChild(wrapper);
+    // Title
+    if (spec.title) {
+        const titleEl = document.createElement('div');
+        titleEl.style.cssText = `
+      text-align: center;
+      color: ${TEXT_COLOR};
+      font-size: 14px;
+      font-weight: 600;
+      line-height: ${titleHeight}px;
+      height: ${titleHeight}px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      padding: 0 10px;
+    `;
+        titleEl.textContent = spec.title;
+        titleEl.title = spec.title;
+        wrapper.appendChild(titleEl);
+    }
+    // Treemap content area
+    const contentArea = document.createElement('div');
+    contentArea.style.cssText = `
+    position: relative;
+    width: ${innerWidth}px;
+    height: ${innerHeight}px;
+    margin: 0 ${contentPadding}px ${contentPadding}px;
+  `;
+    wrapper.appendChild(contentArea);
+    const tooltip = createTooltip(container);
+    // Check if all values are zero
+    if (valueField && isAllZeros(data, valueField)) {
+        const emptyDiv = document.createElement('div');
+        emptyDiv.style.cssText = `
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: ${innerWidth}px;
+      height: ${innerHeight}px;
+      color: ${TEXT_MUTED};
+      font-size: 14px;
+      font-family: Inter, system-ui, sans-serif;
+    `;
+        emptyDiv.textContent = 'All values are zero';
+        contentArea.appendChild(emptyDiv);
+        return;
+    }
+    // Build hierarchy
+    const root = buildHierarchy(data, categoryField, valueField, parentField, config);
+    // Apply treemap layout
+    const treemapLayout = d3
+        .treemap()
+        .size([innerWidth, innerHeight])
+        .padding(padding)
+        .round(true);
+    treemapLayout(root);
+    const colorScale = buildColorScale(encoding.color, data);
+    const isQuantitativeColor = encoding.color?.type === 'quantitative';
+    const colorField = encoding.color?.field;
+    // Draw leaf nodes as divs
+    const leaves = root.leaves();
+    for (const leaf of leaves) {
+        const cellW = Math.max(leaf.x1 - leaf.x0, 0);
+        const cellH = Math.max(leaf.y1 - leaf.y0, 0);
+        if (cellW < 1 || cellH < 1)
+            continue;
+        // Quantitative color: pass numeric value directly to the scale
+        // Categorical color: pass category name (or parent name for hierarchical)
+        const fillColor = isQuantitativeColor
+            ? colorScale(Number(leaf.data._data?.[colorField] ?? leaf.value))
+            : parentField && leaf.parent?.data?.name
+                ? colorScale(leaf.parent.data.name)
+                : colorScale(leaf.data.name);
+        const cell = document.createElement('div');
+        cell.style.cssText = `
+      position: absolute;
+      left: ${leaf.x0}px;
+      top: ${leaf.y0}px;
+      width: ${cellW}px;
+      height: ${cellH}px;
+      background: ${fillColor};
+      border-radius: 3px;
+      border: ${config.borderWidth ?? 1}px solid ${DARK_BG};
+      opacity: 1;
+      overflow: hidden;
+      box-sizing: border-box;
+      cursor: default;
+    `;
+        // Text content — only if cell is big enough
+        if (cellW > 30 && cellH > 20) {
+            const textPad = Math.min(6, cellW * 0.08);
+            const labelColor = contrastText(fillColor);
+            const valueColor = contrastTextMuted(fillColor);
+            const textContainer = document.createElement('div');
+            textContainer.style.cssText = `
+        padding: ${textPad}px;
+        overflow: hidden;
+        height: 100%;
+        box-sizing: border-box;
+      `;
+            // Label (bold, first) — truncate with ellipsis to avoid mid-word breaks
+            if (config.showLabels !== false) {
+                const fontSize = cellW > 80 ? 12 : 10;
+                const charWidth = fontSize * 0.6;
+                const maxChars = Math.max(2, Math.floor((cellW - textPad * 2) / charWidth));
+                const rawName = leaf.data.name;
+                const displayName = rawName.length > maxChars
+                    ? rawName.slice(0, maxChars - 1) + '\u2026'
+                    : rawName;
+                const label = document.createElement('div');
+                label.style.cssText = `
+          color: ${labelColor};
+          font-weight: 700;
+          font-size: ${fontSize}px;
+          line-height: 1.25;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        `;
+                label.textContent = displayName;
+                if (rawName.length > maxChars)
+                    label.title = rawName;
+                textContainer.appendChild(label);
+            }
+            // Value (lighter, beneath)
+            if (cellW > 40 && cellH > 36) {
+                const value = document.createElement('div');
+                value.style.cssText = `
+          color: ${valueColor};
+          font-weight: 400;
+          font-size: ${cellW > 80 ? '11px' : '9px'};
+          line-height: 1.3;
+          margin-top: 2px;
+        `;
+                value.textContent = formatValue(leaf.value);
+                textContainer.appendChild(value);
+            }
+            cell.appendChild(textContainer);
+        }
+        // Hover interactions
+        cell.addEventListener('mouseover', (event) => {
+            cell.style.filter = 'brightness(1.15)';
+            cell.style.outline = '2px solid #fff';
+            cell.style.outlineOffset = '-2px';
+            cell.style.zIndex = '10';
+            const parentName = parentField && leaf.parent?.data?.name ? leaf.parent.data.name + ' > ' : '';
+            showTooltip(tooltip, `<strong>${parentName}${leaf.data.name}</strong><br/>${valueField}: ${formatValue(leaf.value)}`, event);
+        });
+        cell.addEventListener('mousemove', (event) => {
+            positionTooltip(tooltip, event);
+        });
+        cell.addEventListener('mouseout', () => {
+            cell.style.filter = '';
+            cell.style.outline = 'none';
+            cell.style.zIndex = '';
+            hideTooltip(tooltip);
+        });
+        contentArea.appendChild(cell);
+    }
+}
+function buildHierarchy(data, categoryField, valueField, parentField, config) {
+    // Compute min-visible threshold: 2% of max ensures extreme-range items stay visible
+    const allVals = data.map((d) => Number(d[valueField]) || 0).filter((v) => v > 0);
+    const maxVal = allVals.length > 0 ? Math.max(...allVals) : 0;
+    const minVisible = maxVal * 0.02;
+    const clampVal = (v) => (v > 0 && v < minVisible ? minVisible : v);
+    if (parentField) {
+        const parents = [...new Set(data.map((d) => d[parentField]))];
+        const hierarchy = {
+            name: 'root',
+            children: parents.map((p) => ({
+                name: p,
+                children: data
+                    .filter((d) => d[parentField] === p)
+                    .map((d) => ({
+                    name: d[categoryField] || d[config.childField] || d[parentField],
+                    value: clampVal(Number(d[valueField]) || 0),
+                    _data: d,
+                })),
+            })),
+        };
+        return d3.hierarchy(hierarchy).sum((d) => d.value).sort((a, b) => b.value - a.value);
+    }
+    const hierarchy = {
+        name: 'root',
+        children: data.map((d) => ({
+            name: d[categoryField],
+            value: clampVal(Number(d[valueField]) || 0),
+            _data: d,
+        })),
+    };
+    return d3.hierarchy(hierarchy).sum((d) => d.value).sort((a, b) => b.value - a.value);
+}
+//# sourceMappingURL=treemap.js.map

package/dist/src/renderers/d3/composition/treemap.js.map

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

package/dist/src/renderers/d3/composition/waffle.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Waffle chart D3 renderer.
+ * Composition chart: 10×10 grid of squares showing part-of-whole.
+ * Follows preflight standards: HTML legend, category hover, auto-sizing, instant render.
+ */
+import type { VisualizationSpec } from '../../../types.js';
+export declare function renderWaffle(container: HTMLElement, spec: VisualizationSpec): void;
+//# sourceMappingURL=waffle.d.ts.map

package/dist/src/renderers/d3/composition/waffle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"waffle.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/d3/composition/waffle.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAkB3D,wBAAgB,YAAY,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAgJlF"}

package/dist/src/renderers/d3/composition/waffle.js

@@ -0,0 +1,130 @@
+/**
+ * Waffle chart D3 renderer.
+ * Composition chart: 10×10 grid of squares showing part-of-whole.
+ * Follows preflight standards: HTML legend, category hover, auto-sizing, instant render.
+ */
+import { createSvg, buildColorScale, createTooltip, showTooltip, hideTooltip, positionTooltip, createLegend, formatValue, renderEmptyState, isAllZeros, DARK_BG, } from '../shared.js';
+export function renderWaffle(container, spec) {
+    const { config, encoding, data } = spec;
+    const categoryField = config.categoryField || encoding.color?.field;
+    const valueField = config.valueField;
+    const gridSize = config.gridSize || 10;
+    const totalSquares = gridSize * gridSize;
+    // Calculate squares per category
+    const total = config.total || data.reduce((s, d) => s + (Number(d[valueField]) || 0), 0);
+    const items = data.map((d) => ({
+        category: d[categoryField],
+        value: Number(d[valueField]) || 0,
+        percentage: d._percentage ?? ((Number(d[valueField]) || 0) / total) * 100,
+        squares: d._squares ?? Math.round(((Number(d[valueField]) || 0) / total) * totalSquares),
+    }));
+    // Ensure every non-zero category gets at least 1 cell (extreme-range guard)
+    for (const item of items) {
+        if (item.value > 0 && item.squares < 1) {
+            item.squares = 1;
+        }
+    }
+    // Ensure squares sum to gridSize²
+    const sumSquares = items.reduce((s, item) => s + item.squares, 0);
+    if (sumSquares !== totalSquares && items.length > 0) {
+        items[0].squares += totalSquares - sumSquares;
+    }
+    const colorScale = buildColorScale(encoding.color, data);
+    const containerWidth = container.clientWidth || 800;
+    const containerHeight = container.clientHeight || 500;
+    const showLegend = containerHeight > 200 && containerWidth > 250;
+    // Flex column container: chart on top, legend below
+    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) {
+        const legendItems = items.map(item => ({
+            label: String(item.category),
+            color: colorScale(item.category),
+            extra: `${item.percentage.toFixed(1)}%`,
+        }));
+        legendDiv = createLegend(legendItems);
+        container.appendChild(legendDiv);
+    }
+    const { svg, g, dims } = createSvg(chartWrapper, spec, {
+        top: 40,
+        left: 20,
+        right: 20,
+        bottom: 20,
+    });
+    // Remove default background — container handles it
+    svg.style('background', 'none').style('border-radius', '0');
+    const tooltip = createTooltip(container);
+    // Check if all values are zero
+    if (isAllZeros(data, valueField)) {
+        renderEmptyState(g, dims);
+        return;
+    }
+    // Auto-calculate square size to fit the available space
+    const maxSquareFromWidth = (dims.innerWidth - (gridSize - 1) * 2) / gridSize;
+    const maxSquareFromHeight = (dims.innerHeight - (gridSize - 1) * 2) / gridSize;
+    const autoSquareSize = Math.max(4, Math.floor(Math.min(maxSquareFromWidth, maxSquareFromHeight)));
+    const squareSize = config.squareSize ? Math.min(config.squareSize, autoSquareSize) : autoSquareSize;
+    const gap = config.gap ?? 2;
+    // Build the grid assignment
+    const grid = [];
+    let sqIndex = 0;
+    items.forEach((item) => {
+        for (let s = 0; s < item.squares; s++) {
+            const row = Math.floor(sqIndex / gridSize);
+            const col = sqIndex % gridSize;
+            grid.push({ category: item.category, row, col });
+            sqIndex++;
+        }
+    });
+    // Center the grid in available space
+    const gridPixelW = gridSize * squareSize + (gridSize - 1) * gap;
+    const gridPixelH = gridSize * squareSize + (gridSize - 1) * gap;
+    const offsetX = Math.max(0, (dims.innerWidth - gridPixelW) / 2);
+    const offsetY = Math.max(0, (dims.innerHeight - gridPixelH) / 2);
+    // Draw squares — pointer-events: none, hover handled by invisible targets
+    g.selectAll('.waffle-square')
+        .data(grid)
+        .join('rect')
+        .attr('class', 'waffle-square')
+        .attr('x', (d) => offsetX + d.col * (squareSize + gap))
+        .attr('y', (d) => offsetY + (gridSize - 1 - d.row) * (squareSize + gap))
+        .attr('width', squareSize)
+        .attr('height', squareSize)
+        .attr('rx', Math.min(3, squareSize * 0.15))
+        .attr('fill', (d) => colorScale(d.category))
+        .attr('pointer-events', 'none');
+    // Invisible hover targets per square — highlight full category on hover
+    g.selectAll('.waffle-hover')
+        .data(grid)
+        .join('rect')
+        .attr('class', 'waffle-hover')
+        .attr('x', (d) => offsetX + d.col * (squareSize + gap))
+        .attr('y', (d) => offsetY + (gridSize - 1 - d.row) * (squareSize + gap))
+        .attr('width', squareSize)
+        .attr('height', squareSize)
+        .attr('fill', 'transparent')
+        .attr('cursor', 'pointer')
+        .on('mouseover', function (event, d) {
+        // Dim all squares, highlight this category
+        g.selectAll('.waffle-square')
+            .attr('opacity', (sq) => sq.category === d.category ? 1 : 0.3);
+        const item = items.find((i) => i.category === d.category);
+        showTooltip(tooltip, `<strong>${d.category}</strong><br/>${formatValue(item?.value ?? 0)}<br/>${item?.percentage.toFixed(1)}%`, event);
+    })
+        .on('mousemove', (event) => {
+        positionTooltip(tooltip, event);
+    })
+        .on('mouseout', function () {
+        g.selectAll('.waffle-square').attr('opacity', 1);
+        hideTooltip(tooltip);
+    });
+}
+//# sourceMappingURL=waffle.js.map

package/dist/src/renderers/d3/composition/waffle.js.map

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

package/dist/src/renderers/d3/composition.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Composition renderers — stacked-bar, waffle, treemap.
+ */
+import type { VisualizationSpec } from '../../types.js';
+export declare function renderStackedBar(container: HTMLElement, spec: VisualizationSpec): void;
+export declare function renderWaffle(container: HTMLElement, spec: VisualizationSpec): void;
+export declare function renderTreemap(container: HTMLElement, spec: VisualizationSpec): void;
+//# sourceMappingURL=composition.d.ts.map

package/dist/src/renderers/d3/composition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composition.d.ts","sourceRoot":"","sources":["../../../../src/renderers/d3/composition.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAoBxD,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAsHtF;AAID,wBAAgB,YAAY,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,iBAAiB,GAAG,IAAI,CA+GlF;AAID,wBAAgB,aAAa,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAkInF"}