mviz 1.4.2

package/README.md

@@ -0,0 +1,174 @@
+# mviz
+
+Generate clean, data-focused charts and dashboards from compact JSON specs or markdown.
+
+Maximizes data-ink ratio with minimal chartjunk, gridlines, and decorative elements. Uses ECharts for rendering and outputs standalone HTML.
+
+## Installation
+
+```bash
+# Global install
+npm install -g mviz
+
+# Or use npx (no install)
+npx mviz
+```
+
+## CLI Usage
+
+### Single Chart (JSON via stdin)
+
+```bash
+echo '{"type": "bar", "x": "month", "y": "sales", "data": [{"month": "Jan", "sales": 120}, {"month": "Feb", "sales": 150}]}' | mviz > chart.html
+```
+
+### Dashboard from Markdown
+
+```bash
+mviz dashboard.md > dashboard.html
+```
+
+### Dashboard from Folder
+
+```bash
+mviz my-dashboard/ > dashboard.html
+```
+
+## Library Usage
+
+```typescript
+import { generateChart, parseMarkdownToDashboard } from 'mviz';
+
+// Generate a single chart
+const chartHtml = generateChart({
+  type: 'bar',
+  x: 'month',
+  y: 'sales',
+  data: [
+    { month: 'Jan', sales: 120 },
+    { month: 'Feb', sales: 150 },
+  ],
+});
+
+// Generate a dashboard from markdown
+const dashboardHtml = parseMarkdownToDashboard(markdownContent);
+```
+
+## Supported Chart Types
+
+| Type | Description |
+|------|-------------|
+| `bar` | Vertical/horizontal bars, grouped, stacked |
+| `line` | Time series, multi-series, smooth/angular |
+| `area` | Filled line charts, stacked areas |
+| `pie` | Pie and donut charts |
+| `scatter` | Scatter plots with optional sizing (bubble) |
+| `combo` | Bar + line combinations, dual axis |
+| `dumbbell` | Before/after comparisons with directional coloring |
+| `heatmap` | 2D matrix with color scale |
+| `calendar` | GitHub-style contribution calendars |
+| `funnel` | Conversion funnels |
+| `sankey` | Flow diagrams |
+| `waterfall` | Financial waterfall charts |
+| `histogram` | Distribution analysis |
+| `boxplot` | Statistical box plots |
+| `xmr` | Process control charts with Nelson rules |
+| `sparkline` | Inline mini-charts |
+
+## UI Components
+
+| Type | Description |
+|------|-------------|
+| `big_value` | Large KPI display |
+| `delta` | Change indicator with arrow |
+| `table` | Data tables with sparklines, heatmap columns |
+| `alert` | Notification banners |
+| `note` | Callout boxes |
+| `textarea` | Markdown text blocks |
+
+## JSON Spec Format
+
+All charts require:
+- `type` - Chart type
+- `data` - Array of data objects
+
+Common optional fields:
+- `title` - Chart title
+- `theme` - `"light"` (default) or `"dark"`
+- `x` - Field name for x-axis
+- `y` - Field name(s) for y-axis
+
+Example:
+```json
+{
+  "type": "line",
+  "title": "Revenue Trend",
+  "x": "month",
+  "y": "revenue",
+  "data": [
+    {"month": "Jan", "revenue": 1250000},
+    {"month": "Feb", "revenue": 1450000},
+    {"month": "Mar", "revenue": 1380000}
+  ]
+}
+```
+
+## Markdown Dashboard Format
+
+```markdown
+---
+theme: light
+title: My Dashboard
+---
+
+# Sales Report
+
+```big_value size=[4,2]
+{"value": 1250000, "label": "Revenue", "format": "usd"}
+```
+
+```bar size=[8,5]
+{"title": "Monthly Sales", "x": "month", "y": "sales", "data": [...]}
+```
+```
+
+Layout rules:
+- Multiple code blocks in sequence = grid columns (16-column grid)
+- Empty lines = new rows
+- `size=[cols,rows]` controls component dimensions
+
+## Format Options
+
+- `auto` - Smart formatting based on magnitude (default)
+- `usd_auto` - Currency with smart abbreviation ($1.25m)
+- `usd` - Full currency ($1,250,000)
+- `pct` / `pct0` - Percentages (15.0% / 15%)
+- `num0` / `num1` - Numbers with 0/1 decimal places
+
+## Distribution Options
+
+### npm (CLI & Library)
+
+```bash
+npm install -g mviz    # Global CLI
+npx mviz               # No-install usage
+npm install mviz       # Library dependency
+```
+
+### Claude Skills
+
+mviz is available as a Claude skill for use in Claude.ai, Claude Code, and the Claude API:
+
+1. **Claude.ai**: Upload `mviz.skill` at Settings > Capabilities
+2. **Claude Code**: `npm install -g mviz` then use in projects
+3. **Skills Directory**: Check [claude.com/connectors](https://claude.com/connectors)
+
+Build the skill bundle:
+```bash
+npm run build
+python3 build_skill.py -o mviz.skill
+```
+
+## License
+
+MIT

package/dist/charts/area.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Area chart generator
+ */
+import type { ChartSpec } from '../types.js';
+/**
+ * Build ECharts options for an area chart
+ */
+export declare function buildAreaOptions(spec: ChartSpec): Record<string, unknown>;
+/**
+ * Generate an area chart
+ */
+declare function generateAreaChart(spec: ChartSpec): string;
+export { generateAreaChart };
+//# sourceMappingURL=area.d.ts.map

package/dist/charts/area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"area.d.ts","sourceRoot":"","sources":["../../charts/area.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAgC,MAAM,aAAa,CAAC;AAe3E;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CA8HzE;AAED;;GAEG;AACH,iBAAS,iBAAiB,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAGlD;AAMD,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/charts/area.js

@@ -0,0 +1,137 @@
+/**
+ * Area chart generator
+ */
+import { FONT_SIZE_XXS, LEGEND_ITEM_WIDTH, LEGEND_ITEM_HEIGHT, LEGEND_ITEM_GAP, DEFAULT_CHART_HEIGHT, getThemeColors, getPalette, } from '../core/themes.js';
+import { wrapHtml } from '../core/serializer.js';
+import { registerChart, registerOptions } from './registry.js';
+import { inferFormat, getAxisFormatterJs, inferAxisType } from '../core/formatting.js';
+/**
+ * Build ECharts options for an area chart
+ */
+export function buildAreaOptions(spec) {
+    const data = (spec.data ?? []);
+    const x = spec.x ?? 'name';
+    const y = spec.y ?? 'value';
+    const theme = (spec.theme ?? 'light');
+    const stacked = spec.stacked === true;
+    const smooth = spec.smooth === true;
+    const colors = getThemeColors(theme);
+    const yKeys = Array.isArray(y) ? y : [y];
+    const categories = data.map((d) => d[x]);
+    const palette = getPalette(theme);
+    // Infer format for value axis based on first y field name
+    const firstYKey = yKeys[0] ?? 'value';
+    const sampleValue = data.length > 0 && data[0] ? data[0][firstYKey] ?? 0 : 0;
+    const valueFormat = spec.format ?? inferFormat(firstYKey, sampleValue);
+    const axisFormatter = getAxisFormatterJs(valueFormat);
+    // Detect x-axis type: time, value, or category
+    const xAxisType = spec.xAxisType ?? inferAxisType(categories);
+    // Get axis label config based on axis type
+    const xAxisLabelConfig = xAxisType === 'category'
+        ? { interval: 0, rotate: 45, overflow: 'truncate', ellipsis: '...', width: 100 }
+        : xAxisType === 'time'
+            ? {
+                hideOverlap: true,
+                formatter: {
+                    _js_: `function(value) {
+            var d = new Date(value);
+            var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
+            return months[d.getMonth()] + ' ' + d.getDate();
+          }`,
+                },
+            }
+            : { hideOverlap: true };
+    const option = {
+        backgroundColor: 'transparent',
+        animation: false,
+        color: palette,
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: colors.paper,
+            borderColor: colors.border,
+            textStyle: { color: colors.text },
+        },
+        grid: {
+            left: '2%',
+            right: '2%',
+            top: yKeys.length > 1 ? '14%' : '6%',
+            bottom: '8%',
+            containLabel: true,
+        },
+        xAxis: {
+            type: xAxisType,
+            data: xAxisType === 'category' ? categories.map(String) : undefined,
+            boundaryGap: false,
+            axisLine: { show: false },
+            axisTick: { show: false },
+            axisLabel: {
+                color: colors.textSecondary,
+                ...xAxisLabelConfig,
+            },
+        },
+        yAxis: {
+            type: 'value',
+            axisLine: { show: false },
+            axisTick: { show: false },
+            axisLabel: {
+                color: colors.textSecondary,
+                ...(axisFormatter && { formatter: axisFormatter }),
+            },
+            splitLine: { lineStyle: { color: colors.border, type: [2, 3], opacity: 0.6 } },
+        },
+        series: [],
+    };
+    // Apply yMin/yMax
+    if (spec.yMin !== undefined) {
+        option.yAxis.min = spec.yMin;
+    }
+    if (spec.yMax !== undefined) {
+        option.yAxis.max = spec.yMax;
+    }
+    // Add legend for multi-series
+    if (yKeys.length > 1) {
+        option.legend = {
+            data: yKeys,
+            top: 0,
+            textStyle: { color: colors.textSecondary, fontSize: FONT_SIZE_XXS },
+            itemWidth: LEGEND_ITEM_WIDTH,
+            itemHeight: LEGEND_ITEM_HEIGHT,
+            itemGap: LEGEND_ITEM_GAP,
+        };
+    }
+    // Build series
+    for (let i = 0; i < yKeys.length; i++) {
+        const key = yKeys[i];
+        // Format series data based on axis type
+        const seriesData = xAxisType === 'category'
+            ? data.map((d) => d[key] ?? 0) // Category axis: just y values
+            : data.map((d) => [d[x], d[key] ?? 0]); // Time/value axes: [x, y] pairs
+        const series = {
+            name: key,
+            type: 'line',
+            data: seriesData,
+            smooth,
+            areaStyle: { opacity: stacked ? 0.85 : 0.5 },
+            symbol: 'none',
+            lineStyle: { width: 0 },
+            itemStyle: { color: palette[i % palette.length] },
+        };
+        if (stacked) {
+            series.stack = 'total';
+        }
+        option.series.push(series);
+    }
+    return option;
+}
+/**
+ * Generate an area chart
+ */
+function generateAreaChart(spec) {
+    const height = typeof spec.height === 'number' ? spec.height : DEFAULT_CHART_HEIGHT;
+    return wrapHtml('chart', buildAreaOptions(spec), '', '100%', height);
+}
+// Register the chart
+registerChart('area')(generateAreaChart);
+registerOptions('area')(buildAreaOptions);
+export { generateAreaChart };
+//# sourceMappingURL=area.js.map

package/dist/charts/area.js.map

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

package/dist/charts/bar.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Bar chart generator
+ */
+import type { ChartSpec } from '../types.js';
+/**
+ * Build ECharts options for a bar chart
+ */
+export declare function buildBarOptions(spec: ChartSpec): Record<string, unknown>;
+/**
+ * Generate a bar chart
+ */
+declare function generateBarChart(spec: ChartSpec): string;
+export { generateBarChart };
+//# sourceMappingURL=bar.d.ts.map

package/dist/charts/bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar.d.ts","sourceRoot":"","sources":["../../charts/bar.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAgC,MAAM,aAAa,CAAC;AAiB3E;;GAEG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CA0LxE;AAED;;GAEG;AACH,iBAAS,gBAAgB,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAGjD;AAMD,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/charts/bar.js

@@ -0,0 +1,191 @@
+/**
+ * Bar chart generator
+ */
+import { BAR_MAX_WIDTH, LEGEND_ITEM_WIDTH, LEGEND_ITEM_HEIGHT, LEGEND_ITEM_GAP, FONT_SIZE_TINY, FONT_SIZE_XXS, DEFAULT_CHART_HEIGHT, getThemeColors, getPalette, } from '../core/themes.js';
+import { wrapHtml } from '../core/serializer.js';
+import { registerChart, registerOptions } from './registry.js';
+import { inferFormat, getLabelFormatterJs, getAxisFormatterJs, inferAxisType } from '../core/formatting.js';
+/**
+ * Build ECharts options for a bar chart
+ */
+export function buildBarOptions(spec) {
+    const data = (spec.data ?? []);
+    const x = spec.x ?? 'name';
+    const y = spec.y ?? 'value';
+    const theme = (spec.theme ?? 'light');
+    const stacked = spec.stacked === true;
+    const horizontal = spec.horizontal === true;
+    const colors = getThemeColors(theme);
+    const yKeys = Array.isArray(y) ? y : [y];
+    const categories = data.map((d) => d[x]);
+    const palette = getPalette(theme);
+    // Infer format for value axis based on first y field name
+    const firstYKey = yKeys[0] ?? 'value';
+    const sampleValue = data.length > 0 && data[0] ? data[0][firstYKey] ?? 0 : 0;
+    const valueFormat = spec.format ?? inferFormat(firstYKey, sampleValue);
+    const labelFormatter = getLabelFormatterJs(valueFormat);
+    const axisFormatter = getAxisFormatterJs(valueFormat);
+    // Detect category axis type (this is x-axis for vertical, y-axis for horizontal)
+    const categoryAxisType = spec.xAxisType ?? inferAxisType(categories);
+    // For horizontal bars, x-axis is always 'value'; for vertical it's the category axis type
+    const xAxisType = horizontal ? 'value' : categoryAxisType;
+    // Determine if labels should be shown (based on category axis type, not x-axis for horizontal)
+    const showLabels = yKeys.length === 1 && !stacked && data.length <= 12 && categoryAxisType === 'category';
+    // Get axis label config based on axis type
+    const xAxisLabelConfig = xAxisType === 'category'
+        ? { interval: 0, rotate: 45, overflow: 'truncate', ellipsis: '...', width: 100 }
+        : { hideOverlap: true };
+    const option = {
+        backgroundColor: 'transparent',
+        animation: false,
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: colors.paper,
+            borderColor: colors.border,
+            textStyle: { color: colors.text },
+        },
+        grid: {
+            left: '2%',
+            right: horizontal && showLabels ? '8%' : '2%',
+            top: yKeys.length > 1 ? '14%' : showLabels && !horizontal ? '14%' : '6%',
+            bottom: '8%',
+            containLabel: true,
+        },
+        xAxis: horizontal
+            ? {
+                type: 'value',
+                axisLine: { show: false },
+                axisTick: { show: false },
+                axisLabel: {
+                    color: colors.textSecondary,
+                    fontSize: FONT_SIZE_XXS,
+                    margin: 10,
+                    hideOverlap: true,
+                    ...(axisFormatter && { formatter: axisFormatter }),
+                },
+                splitLine: { lineStyle: { color: colors.border, type: [2, 3], opacity: 0.6 } },
+            }
+            : {
+                type: xAxisType,
+                data: xAxisType === 'category' ? categories.map(String) : undefined,
+                axisLine: { show: false },
+                axisTick: { show: false },
+                axisLabel: {
+                    color: colors.textSecondary,
+                    ...xAxisLabelConfig,
+                },
+            },
+        yAxis: horizontal
+            ? {
+                type: 'category',
+                data: categories,
+                axisLine: { show: false },
+                axisTick: { show: false },
+                axisLabel: {
+                    color: colors.textSecondary,
+                    fontSize: FONT_SIZE_XXS,
+                    margin: 10,
+                    interval: 0,
+                    rotate: 45,
+                    overflow: 'truncate',
+                    ellipsis: '...',
+                    width: 100,
+                },
+            }
+            : {
+                type: 'value',
+                axisLine: { show: false },
+                axisTick: { show: false },
+                axisLabel: {
+                    color: colors.textSecondary,
+                    fontSize: FONT_SIZE_XXS,
+                    margin: 10,
+                    ...(axisFormatter && { formatter: axisFormatter }),
+                },
+                splitLine: { lineStyle: { color: colors.border, type: [2, 3], opacity: 0.6 } },
+            },
+        series: [],
+    };
+    // Apply yMin/yMax to value axis
+    const valueAxis = horizontal ? 'xAxis' : 'yAxis';
+    if (spec.yMin !== undefined) {
+        option[valueAxis].min = spec.yMin;
+    }
+    if (spec.yMax !== undefined) {
+        option[valueAxis].max = spec.yMax;
+    }
+    // Adjust y-axis gridlines based on x-axis category label length
+    // Long category labels (rotated 45°) take up vertical space at bottom
+    const chartHeight = typeof spec.height === 'number' ? spec.height : DEFAULT_CHART_HEIGHT;
+    if (chartHeight && categories.length > 0 && !horizontal) {
+        // Find longest category label
+        const maxLabelLen = Math.max(...categories.map((cat) => String(cat).length));
+        // Rotated 45° labels: height ≈ label_length * 5px (rough estimate)
+        // Short labels (< 8 chars) don't need adjustment
+        if (maxLabelLen > 8) {
+            const labelBottomSpace = maxLabelLen * 5; // px taken by rotated labels
+            const usableHeight = chartHeight - labelBottomSpace - 30; // minus top margin
+            // Each gridline needs ~20px vertical space
+            const maxSplits = Math.max(2, Math.floor(usableHeight / 20));
+            if (maxSplits < 5) {
+                option[valueAxis].splitNumber = maxSplits;
+            }
+        }
+    }
+    // Add legend for multi-series
+    if (yKeys.length > 1) {
+        option.legend = {
+            data: yKeys,
+            top: 0,
+            textStyle: { color: colors.textSecondary, fontSize: FONT_SIZE_XXS },
+            itemWidth: LEGEND_ITEM_WIDTH,
+            itemHeight: LEGEND_ITEM_HEIGHT,
+            itemGap: LEGEND_ITEM_GAP,
+        };
+    }
+    // Use lighter label color for dark theme for better visibility
+    const labelColor = theme === 'dark' ? colors.text : colors.textSecondary;
+    // Build series
+    for (let i = 0; i < yKeys.length; i++) {
+        const key = yKeys[i];
+        // Format series data based on axis type (for non-horizontal bars)
+        const seriesData = (xAxisType === 'category' || horizontal)
+            ? data.map((d) => d[key] ?? 0) // Category/horizontal: just y values
+            : data.map((d) => [d[x], d[key] ?? 0]); // Time/value axes: [x, y] pairs
+        const series = {
+            name: key,
+            type: 'bar',
+            data: seriesData,
+            barMaxWidth: BAR_MAX_WIDTH,
+            itemStyle: {
+                color: palette[i % palette.length],
+            },
+            label: {
+                show: showLabels,
+                position: horizontal ? 'right' : 'top',
+                color: labelColor,
+                fontSize: FONT_SIZE_TINY,
+                offset: horizontal ? [2, 0] : [0, -2],
+                ...(labelFormatter && { formatter: labelFormatter }),
+            },
+        };
+        if (stacked) {
+            series.stack = 'total';
+        }
+        option.series.push(series);
+    }
+    return option;
+}
+/**
+ * Generate a bar chart
+ */
+function generateBarChart(spec) {
+    const height = typeof spec.height === 'number' ? spec.height : DEFAULT_CHART_HEIGHT;
+    return wrapHtml('chart', buildBarOptions(spec), '', '100%', height);
+}
+// Register the chart
+registerChart('bar')(generateBarChart);
+registerOptions('bar')(buildBarOptions);
+export { generateBarChart };
+//# sourceMappingURL=bar.js.map

package/dist/charts/bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar.js","sourceRoot":"","sources":["../../charts/bar.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,aAAa,EACb,oBAAoB,EACpB,cAAc,EACd,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG5G;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,IAAe;IAC7C,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAgB,CAAC;IAC9C,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC;IAC3B,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,OAAO,CAAC;IAC5B,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,OAAO,CAAU,CAAC;IAC/C,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC;IAE5C,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACrC,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACzC,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IAElC,0DAA0D;IAC1D,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC;IACtC,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAY,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACzF,MAAM,WAAW,GAAgB,IAAI,CAAC,MAAqB,IAAI,WAAW,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IACnG,MAAM,cAAc,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAEtD,iFAAiF;IACjF,MAAM,gBAAgB,GAAc,IAAI,CAAC,SAAsB,IAAI,aAAa,CAAC,UAAU,CAAC,CAAC;IAC7F,0FAA0F;IAC1F,MAAM,SAAS,GAAa,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAEpE,+FAA+F;IAC/F,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,IAAI,EAAE,IAAI,gBAAgB,KAAK,UAAU,CAAC;IAE1G,2CAA2C;IAC3C,MAAM,gBAAgB,GAAG,SAAS,KAAK,UAAU;QAC/C,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE;QAChF,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;IAE1B,MAAM,MAAM,GAA4B;QACtC,eAAe,EAAE,aAAa;QAC9B,SAAS,EAAE,KAAK;QAChB,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC/B,eAAe,EAAE,MAAM,CAAC,KAAK;YAC7B,WAAW,EAAE,MAAM,CAAC,MAAM;YAC1B,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE;SAClC;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,UAAU,IAAI,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;YAC7C,GAAG,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;YACxE,MAAM,EAAE,IAAI;YACZ,YAAY,EAAE,IAAI;SACnB;QACD,KAAK,EAAE,UAAU;YACf,CAAC,CAAC;gBACE,IAAI,EAAE,OAAO;gBACb,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;gBACzB,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;gBACzB,SAAS,EAAE;oBACT,KAAK,EAAE,MAAM,CAAC,aAAa;oBAC3B,QAAQ,EAAE,aAAa;oBACvB,MAAM,EAAE,EAAE;oBACV,WAAW,EAAE,IAAI;oBACjB,GAAG,CAAC,aAAa,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;iBACnD;gBACD,SAAS,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE;aAC/E;YACH,CAAC,CAAC;gBACE,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS;gBACnE,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;gBACzB,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;gBACzB,SAAS,EAAE;oBACT,KAAK,EAAE,MAAM,CAAC,aAAa;oBAC3B,GAAG,gBAAgB;iBACpB;aACF;QACL,KAAK,EAAE,UAAU;YACf,CAAC,CAAC;gBACE,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE,UAAU;gBAChB,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;gBACzB,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;gBACzB,SAAS,EAAE;oBACT,KAAK,EAAE,MAAM,CAAC,aAAa;oBAC3B,QAAQ,EAAE,aAAa;oBACvB,MAAM,EAAE,EAAE;oBACV,QAAQ,EAAE,CAAC;oBACX,MAAM,EAAE,EAAE;oBACV,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,KAAK;oBACf,KAAK,EAAE,GAAG;iBACX;aACF;YACH,CAAC,CAAC;gBACE,IAAI,EAAE,OAAO;gBACb,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;gBACzB,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;gBACzB,SAAS,EAAE;oBACT,KAAK,EAAE,MAAM,CAAC,aAAa;oBAC3B,QAAQ,EAAE,aAAa;oBACvB,MAAM,EAAE,EAAE;oBACV,GAAG,CAAC,aAAa,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;iBACnD;gBACD,SAAS,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE;aAC/E;QACL,MAAM,EAAE,EAA+B;KACxC,CAAC;IAEF,gCAAgC;IAChC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IACjD,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC3B,MAAM,CAAC,SAAS,CAA6B,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC;IACjE,CAAC;IACD,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC3B,MAAM,CAAC,SAAS,CAA6B,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC;IACjE,CAAC;IAED,gEAAgE;IAChE,sEAAsE;IACtE,MAAM,WAAW,GAAG,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC;IACzF,IAAI,WAAW,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;QACxD,8BAA8B;QAC9B,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;QAE7E,mEAAmE;QACnE,iDAAiD;QACjD,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;YACpB,MAAM,gBAAgB,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC,6BAA6B;YACvE,MAAM,YAAY,GAAG,WAAW,GAAG,gBAAgB,GAAG,EAAE,CAAC,CAAC,mBAAmB;YAE7E,2CAA2C;YAC3C,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC,CAAC,CAAC;YAE7D,IAAI,SAAS,GAAG,CAAC,EAAE,CAAC;gBACjB,MAAM,CAAC,SAAS,CAA6B,CAAC,WAAW,GAAG,SAAS,CAAC;YACzE,CAAC;QACH,CAAC;IACH,CAAC;IAED,8BAA8B;IAC9B,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACrB,MAAM,CAAC,MAAM,GAAG;YACd,IAAI,EAAE,KAAK;YACX,GAAG,EAAE,CAAC;YACN,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE;YACnE,SAAS,EAAE,iBAAiB;YAC5B,UAAU,EAAE,kBAAkB;YAC9B,OAAO,EAAE,eAAe;SACzB,CAAC;IACJ,CAAC;IAED,+DAA+D;IAC/D,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;IAEzE,eAAe;IACf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACtC,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAE,CAAC;QACtB,kEAAkE;QAClE,MAAM,UAAU,GAAG,CAAC,SAAS,KAAK,UAAU,IAAI,UAAU,CAAC;YACzD,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAE,qCAAqC;YACrE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAE,gCAAgC;QAE3E,MAAM,MAAM,GAA4B;YACtC,IAAI,EAAE,GAAG;YACT,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,aAAa;YAC1B,SAAS,EAAE;gBACT,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;aACnC;YACD,KAAK,EAAE;gBACL,IAAI,EAAE,UAAU;gBAChB,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;gBACtC,KAAK,EAAE,UAAU;gBACjB,QAAQ,EAAE,cAAc;gBACxB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;gBACrC,GAAG,CAAC,cAAc,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;aACrD;SACF,CAAC;QAEF,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,CAAC,KAAK,GAAG,OAAO,CAAC;QACzB,CAAC;QAEA,MAAM,CAAC,MAAoC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC5D,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;GAEG;AACH,SAAS,gBAAgB,CAAC,IAAe;IACvC,MAAM,MAAM,GAAG,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC;IACpF,OAAO,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACtE,CAAC;AAED,qBAAqB;AACrB,aAAa,CAAC,KAAK,CAAC,CAAC,gBAAgB,CAAC,CAAC;AACvC,eAAe,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,CAAC;AAExC,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/charts/boxplot.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Box plot chart generator
+ */
+import type { ChartSpec } from '../types.js';
+/**
+ * Build ECharts options for a box plot
+ */
+export declare function buildBoxplotOptions(spec: ChartSpec): Record<string, unknown>;
+/**
+ * Generate a box plot chart
+ */
+declare function generateBoxplot(spec: ChartSpec): string;
+export { generateBoxplot };
+//# sourceMappingURL=boxplot.d.ts.map

package/dist/charts/boxplot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"boxplot.d.ts","sourceRoot":"","sources":["../../charts/boxplot.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAS,MAAM,aAAa,CAAC;AAKpD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CA4D5E;AAED;;GAEG;AACH,iBAAS,eAAe,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAGhD;AAMD,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/charts/boxplot.js

@@ -0,0 +1,79 @@
+/**
+ * Box plot chart generator
+ */
+import { DEFAULT_CHART_HEIGHT, getThemeColors, getPalette } from '../core/themes.js';
+import { wrapHtml } from '../core/serializer.js';
+import { registerChart, registerOptions } from './registry.js';
+/**
+ * Build ECharts options for a box plot
+ */
+export function buildBoxplotOptions(spec) {
+    const data = spec.data ?? [];
+    const theme = (spec.theme ?? 'light');
+    const categories = spec.categories ?? [];
+    const colors = getThemeColors(theme);
+    const palette = getPalette(theme);
+    // Box data should be arrays of [min, Q1, median, Q3, max]
+    const boxData = Array.isArray(data[0]) ? data : data;
+    return {
+        backgroundColor: 'transparent',
+        animation: false,
+        color: palette,
+        tooltip: {
+            trigger: 'item',
+            backgroundColor: colors.paper,
+            borderColor: colors.border,
+            textStyle: { color: colors.text },
+        },
+        grid: {
+            left: '6%',
+            right: '6%',
+            top: '6%',
+            bottom: '18%',
+            containLabel: true,
+        },
+        xAxis: {
+            type: 'category',
+            data: categories,
+            boundaryGap: true,
+            axisLine: { show: false },
+            axisTick: { show: false },
+            axisLabel: {
+                color: colors.textSecondary,
+                interval: 0,
+                rotate: 45,
+            },
+        },
+        yAxis: {
+            type: 'value',
+            axisLine: { show: false },
+            axisTick: { show: false },
+            axisLabel: { color: colors.textSecondary },
+            splitLine: { lineStyle: { color: colors.border, type: [2, 3], opacity: 0.6 } },
+        },
+        series: [
+            {
+                type: 'boxplot',
+                data: boxData,
+                itemStyle: {
+                    color: palette[0],
+                    borderColor: palette[0],
+                    borderWidth: 1,
+                    opacity: 0.7,
+                },
+            },
+        ],
+    };
+}
+/**
+ * Generate a box plot chart
+ */
+function generateBoxplot(spec) {
+    const height = typeof spec.height === 'number' ? spec.height : DEFAULT_CHART_HEIGHT;
+    return wrapHtml('chart', buildBoxplotOptions(spec), '', '100%', height);
+}
+// Register the chart
+registerChart('boxplot')(generateBoxplot);
+registerOptions('boxplot')(buildBoxplotOptions);
+export { generateBoxplot };
+//# sourceMappingURL=boxplot.js.map

package/dist/charts/boxplot.js.map

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