@duckcodeailabs/dql-compiler 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +123 -0
- package/dist/charts/area.d.ts +5 -0
- package/dist/charts/area.d.ts.map +1 -0
- package/dist/charts/area.js +30 -0
- package/dist/charts/area.js.map +1 -0
- package/dist/charts/bar.d.ts +5 -0
- package/dist/charts/bar.d.ts.map +1 -0
- package/dist/charts/bar.js +37 -0
- package/dist/charts/bar.js.map +1 -0
- package/dist/charts/boxplot.d.ts +5 -0
- package/dist/charts/boxplot.d.ts.map +1 -0
- package/dist/charts/boxplot.js +36 -0
- package/dist/charts/boxplot.js.map +1 -0
- package/dist/charts/chart-registry.d.ts +24 -0
- package/dist/charts/chart-registry.d.ts.map +1 -0
- package/dist/charts/chart-registry.js +14 -0
- package/dist/charts/chart-registry.js.map +1 -0
- package/dist/charts/combo.d.ts +5 -0
- package/dist/charts/combo.d.ts.map +1 -0
- package/dist/charts/combo.js +54 -0
- package/dist/charts/combo.js.map +1 -0
- package/dist/charts/funnel.d.ts +5 -0
- package/dist/charts/funnel.d.ts.map +1 -0
- package/dist/charts/funnel.js +36 -0
- package/dist/charts/funnel.js.map +1 -0
- package/dist/charts/gauge.d.ts +5 -0
- package/dist/charts/gauge.d.ts.map +1 -0
- package/dist/charts/gauge.js +53 -0
- package/dist/charts/gauge.js.map +1 -0
- package/dist/charts/geo.d.ts +5 -0
- package/dist/charts/geo.d.ts.map +1 -0
- package/dist/charts/geo.js +48 -0
- package/dist/charts/geo.js.map +1 -0
- package/dist/charts/grouped-bar.d.ts +5 -0
- package/dist/charts/grouped-bar.d.ts.map +1 -0
- package/dist/charts/grouped-bar.js +37 -0
- package/dist/charts/grouped-bar.js.map +1 -0
- package/dist/charts/heatmap.d.ts +5 -0
- package/dist/charts/heatmap.d.ts.map +1 -0
- package/dist/charts/heatmap.js +31 -0
- package/dist/charts/heatmap.js.map +1 -0
- package/dist/charts/histogram.d.ts +5 -0
- package/dist/charts/histogram.d.ts.map +1 -0
- package/dist/charts/histogram.js +32 -0
- package/dist/charts/histogram.js.map +1 -0
- package/dist/charts/index.d.ts +25 -0
- package/dist/charts/index.d.ts.map +1 -0
- package/dist/charts/index.js +66 -0
- package/dist/charts/index.js.map +1 -0
- package/dist/charts/kpi.d.ts +14 -0
- package/dist/charts/kpi.d.ts.map +1 -0
- package/dist/charts/kpi.js +71 -0
- package/dist/charts/kpi.js.map +1 -0
- package/dist/charts/line.d.ts +5 -0
- package/dist/charts/line.d.ts.map +1 -0
- package/dist/charts/line.js +38 -0
- package/dist/charts/line.js.map +1 -0
- package/dist/charts/pie.d.ts +5 -0
- package/dist/charts/pie.d.ts.map +1 -0
- package/dist/charts/pie.js +25 -0
- package/dist/charts/pie.js.map +1 -0
- package/dist/charts/sankey.d.ts +10 -0
- package/dist/charts/sankey.d.ts.map +1 -0
- package/dist/charts/sankey.js +120 -0
- package/dist/charts/sankey.js.map +1 -0
- package/dist/charts/scatter.d.ts +5 -0
- package/dist/charts/scatter.d.ts.map +1 -0
- package/dist/charts/scatter.js +34 -0
- package/dist/charts/scatter.js.map +1 -0
- package/dist/charts/shared.d.ts +11 -0
- package/dist/charts/shared.d.ts.map +1 -0
- package/dist/charts/shared.js +52 -0
- package/dist/charts/shared.js.map +1 -0
- package/dist/charts/small-multiples.d.ts +5 -0
- package/dist/charts/small-multiples.d.ts.map +1 -0
- package/dist/charts/small-multiples.js +59 -0
- package/dist/charts/small-multiples.js.map +1 -0
- package/dist/charts/sparkline.d.ts +5 -0
- package/dist/charts/sparkline.d.ts.map +1 -0
- package/dist/charts/sparkline.js +41 -0
- package/dist/charts/sparkline.js.map +1 -0
- package/dist/charts/stacked-bar.d.ts +5 -0
- package/dist/charts/stacked-bar.d.ts.map +1 -0
- package/dist/charts/stacked-bar.js +34 -0
- package/dist/charts/stacked-bar.js.map +1 -0
- package/dist/charts/table.d.ts +14 -0
- package/dist/charts/table.d.ts.map +1 -0
- package/dist/charts/table.js +58 -0
- package/dist/charts/table.js.map +1 -0
- package/dist/charts/treemap.d.ts +9 -0
- package/dist/charts/treemap.d.ts.map +1 -0
- package/dist/charts/treemap.js +60 -0
- package/dist/charts/treemap.js.map +1 -0
- package/dist/charts/waterfall.d.ts +5 -0
- package/dist/charts/waterfall.d.ts.map +1 -0
- package/dist/charts/waterfall.js +36 -0
- package/dist/charts/waterfall.js.map +1 -0
- package/dist/codegen/bundle.d.ts +34 -0
- package/dist/codegen/bundle.d.ts.map +1 -0
- package/dist/codegen/bundle.js +20 -0
- package/dist/codegen/bundle.js.map +1 -0
- package/dist/codegen/html-emitter.d.ts +10 -0
- package/dist/codegen/html-emitter.d.ts.map +1 -0
- package/dist/codegen/html-emitter.js +1082 -0
- package/dist/codegen/html-emitter.js.map +1 -0
- package/dist/codegen/index.d.ts +6 -0
- package/dist/codegen/index.d.ts.map +1 -0
- package/dist/codegen/index.js +6 -0
- package/dist/codegen/index.js.map +1 -0
- package/dist/codegen/react-emitter.d.ts +42 -0
- package/dist/codegen/react-emitter.d.ts.map +1 -0
- package/dist/codegen/react-emitter.js +135 -0
- package/dist/codegen/react-emitter.js.map +1 -0
- package/dist/codegen/runtime-emitter.d.ts +2 -0
- package/dist/codegen/runtime-emitter.d.ts.map +1 -0
- package/dist/codegen/runtime-emitter.js +1807 -0
- package/dist/codegen/runtime-emitter.js.map +1 -0
- package/dist/codegen/vega-lite-emitter.d.ts +23 -0
- package/dist/codegen/vega-lite-emitter.d.ts.map +1 -0
- package/dist/codegen/vega-lite-emitter.js +92 -0
- package/dist/codegen/vega-lite-emitter.js.map +1 -0
- package/dist/compiler.d.ts +17 -0
- package/dist/compiler.d.ts.map +1 -0
- package/dist/compiler.js +106 -0
- package/dist/compiler.js.map +1 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +9 -0
- package/dist/index.js.map +1 -0
- package/dist/ir/index.d.ts +3 -0
- package/dist/ir/index.d.ts.map +1 -0
- package/dist/ir/index.js +2 -0
- package/dist/ir/index.js.map +1 -0
- package/dist/ir/ir-nodes.d.ts +169 -0
- package/dist/ir/ir-nodes.d.ts.map +1 -0
- package/dist/ir/ir-nodes.js +2 -0
- package/dist/ir/ir-nodes.js.map +1 -0
- package/dist/ir/lowering.d.ts +9 -0
- package/dist/ir/lowering.d.ts.map +1 -0
- package/dist/ir/lowering.js +980 -0
- package/dist/ir/lowering.js.map +1 -0
- package/dist/modules/index.d.ts +4 -0
- package/dist/modules/index.d.ts.map +1 -0
- package/dist/modules/index.js +3 -0
- package/dist/modules/index.js.map +1 -0
- package/dist/modules/resolver.d.ts +21 -0
- package/dist/modules/resolver.d.ts.map +1 -0
- package/dist/modules/resolver.js +112 -0
- package/dist/modules/resolver.js.map +1 -0
- package/dist/modules/use-expander.d.ts +11 -0
- package/dist/modules/use-expander.d.ts.map +1 -0
- package/dist/modules/use-expander.js +42 -0
- package/dist/modules/use-expander.js.map +1 -0
- package/dist/themes/colorful.d.ts +3 -0
- package/dist/themes/colorful.d.ts.map +1 -0
- package/dist/themes/colorful.js +14 -0
- package/dist/themes/colorful.js.map +1 -0
- package/dist/themes/corporate.d.ts +3 -0
- package/dist/themes/corporate.d.ts.map +1 -0
- package/dist/themes/corporate.js +14 -0
- package/dist/themes/corporate.js.map +1 -0
- package/dist/themes/dark.d.ts +3 -0
- package/dist/themes/dark.d.ts.map +1 -0
- package/dist/themes/dark.js +14 -0
- package/dist/themes/dark.js.map +1 -0
- package/dist/themes/index.d.ts +11 -0
- package/dist/themes/index.d.ts.map +1 -0
- package/dist/themes/index.js +29 -0
- package/dist/themes/index.js.map +1 -0
- package/dist/themes/light.d.ts +3 -0
- package/dist/themes/light.d.ts.map +1 -0
- package/dist/themes/light.js +14 -0
- package/dist/themes/light.js.map +1 -0
- package/dist/themes/minimal.d.ts +3 -0
- package/dist/themes/minimal.d.ts.map +1 -0
- package/dist/themes/minimal.js +14 -0
- package/dist/themes/minimal.js.map +1 -0
- package/dist/themes/theme-types.d.ts +14 -0
- package/dist/themes/theme-types.d.ts.map +1 -0
- package/dist/themes/theme-types.js +2 -0
- package/dist/themes/theme-types.js.map +1 -0
- package/package.json +43 -0
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { ChartIR } from '../ir/ir-nodes.js';
|
|
2
|
+
import type { ThemeConfig } from '../themes/theme-types.js';
|
|
3
|
+
import type { VegaLiteSpec } from './chart-registry.js';
|
|
4
|
+
export declare function emitHeatmapChart(chart: ChartIR, theme: ThemeConfig): VegaLiteSpec;
|
|
5
|
+
//# sourceMappingURL=heatmap.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"heatmap.d.ts","sourceRoot":"","sources":["../../src/charts/heatmap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGxD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,GAAG,YAAY,CA6BjF"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { buildCommonConfig, buildTitle } from './shared.js';
|
|
2
|
+
export function emitHeatmapChart(chart, theme) {
|
|
3
|
+
const { x, y, colorField, xAxisLabel, yAxisLabel } = chart.config;
|
|
4
|
+
return {
|
|
5
|
+
$schema: 'https://vega.github.io/schema/vega-lite/v5.json',
|
|
6
|
+
title: buildTitle(chart, theme),
|
|
7
|
+
width: chart.config.width ?? 'container',
|
|
8
|
+
height: chart.config.height ?? 300,
|
|
9
|
+
mark: { type: 'rect' },
|
|
10
|
+
encoding: {
|
|
11
|
+
x: {
|
|
12
|
+
field: x,
|
|
13
|
+
type: 'nominal',
|
|
14
|
+
axis: { title: xAxisLabel ?? x, labelColor: theme.axisColor, titleColor: theme.axisColor },
|
|
15
|
+
},
|
|
16
|
+
y: {
|
|
17
|
+
field: y,
|
|
18
|
+
type: 'nominal',
|
|
19
|
+
axis: { title: yAxisLabel ?? y, labelColor: theme.axisColor, titleColor: theme.axisColor },
|
|
20
|
+
},
|
|
21
|
+
color: {
|
|
22
|
+
field: colorField ?? y,
|
|
23
|
+
type: 'quantitative',
|
|
24
|
+
scale: { scheme: theme.name === 'dark' ? 'viridis' : 'blues' },
|
|
25
|
+
},
|
|
26
|
+
},
|
|
27
|
+
data: { values: [] },
|
|
28
|
+
config: buildCommonConfig(chart, theme),
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=heatmap.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"heatmap.js","sourceRoot":"","sources":["../../src/charts/heatmap.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE5D,MAAM,UAAU,gBAAgB,CAAC,KAAc,EAAE,KAAkB;IACjE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;IAElE,OAAO;QACL,OAAO,EAAE,iDAAiD;QAC1D,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC;QAC/B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,WAAW;QACxC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,IAAI,GAAG;QAClC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACtB,QAAQ,EAAE;YACR,CAAC,EAAE;gBACD,KAAK,EAAE,CAAC;gBACR,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,IAAI,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,EAAE;aAC3F;YACD,CAAC,EAAE;gBACD,KAAK,EAAE,CAAC;gBACR,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,IAAI,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,EAAE;aAC3F;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,UAAU,IAAI,CAAC;gBACtB,IAAI,EAAE,cAAc;gBACpB,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE;aAC/D;SACF;QACD,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;QACpB,MAAM,EAAE,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC;KACxC,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { ChartIR } from '../ir/ir-nodes.js';
|
|
2
|
+
import type { ThemeConfig } from '../themes/theme-types.js';
|
|
3
|
+
import type { VegaLiteSpec } from './chart-registry.js';
|
|
4
|
+
export declare function emitHistogramChart(chart: ChartIR, theme: ThemeConfig): VegaLiteSpec;
|
|
5
|
+
//# sourceMappingURL=histogram.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"histogram.d.ts","sourceRoot":"","sources":["../../src/charts/histogram.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGxD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,GAAG,YAAY,CA+BnF"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { buildCommonConfig, buildTitle } from './shared.js';
|
|
2
|
+
export function emitHistogramChart(chart, theme) {
|
|
3
|
+
const { x, y, xAxisLabel, yAxisLabel } = chart.config;
|
|
4
|
+
const spec = {
|
|
5
|
+
$schema: 'https://vega.github.io/schema/vega-lite/v5.json',
|
|
6
|
+
title: buildTitle(chart, theme),
|
|
7
|
+
width: chart.config.width ?? 'container',
|
|
8
|
+
height: chart.config.height ?? 300,
|
|
9
|
+
mark: {
|
|
10
|
+
type: 'bar',
|
|
11
|
+
color: chart.config.color ?? theme.colors[0],
|
|
12
|
+
},
|
|
13
|
+
encoding: {
|
|
14
|
+
x: {
|
|
15
|
+
field: x,
|
|
16
|
+
type: 'quantitative',
|
|
17
|
+
bin: true,
|
|
18
|
+
axis: { title: xAxisLabel ?? x, labelColor: theme.axisColor, titleColor: theme.axisColor },
|
|
19
|
+
},
|
|
20
|
+
y: {
|
|
21
|
+
...(y
|
|
22
|
+
? { field: y, type: 'quantitative' }
|
|
23
|
+
: { aggregate: 'count', type: 'quantitative' }),
|
|
24
|
+
axis: { title: yAxisLabel ?? y ?? 'Count', labelColor: theme.axisColor, titleColor: theme.axisColor },
|
|
25
|
+
},
|
|
26
|
+
},
|
|
27
|
+
data: { values: [] },
|
|
28
|
+
config: buildCommonConfig(chart, theme),
|
|
29
|
+
};
|
|
30
|
+
return spec;
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=histogram.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"histogram.js","sourceRoot":"","sources":["../../src/charts/histogram.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE5D,MAAM,UAAU,kBAAkB,CAAC,KAAc,EAAE,KAAkB;IACnE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;IAEtD,MAAM,IAAI,GAAiB;QACzB,OAAO,EAAE,iDAAiD;QAC1D,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC;QAC/B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,WAAW;QACxC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,IAAI,GAAG;QAClC,IAAI,EAAE;YACJ,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;SAC7C;QACD,QAAQ,EAAE;YACR,CAAC,EAAE;gBACD,KAAK,EAAE,CAAC;gBACR,IAAI,EAAE,cAAc;gBACpB,GAAG,EAAE,IAAI;gBACT,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,IAAI,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,EAAE;aAC3F;YACD,CAAC,EAAE;gBACD,GAAG,CAAC,CAAC;oBACH,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,cAAuB,EAAE;oBAC7C,CAAC,CAAC,EAAE,SAAS,EAAE,OAAgB,EAAE,IAAI,EAAE,cAAuB,EAAE,CAAC;gBACnE,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,IAAI,CAAC,IAAI,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,EAAE;aACtG;SACF;QACD,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;QACpB,MAAM,EAAE,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC;KACxC,CAAC;IAEF,OAAO,IAAI,CAAC;AACd,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export type { VegaLiteSpec, ChartEmitter } from './chart-registry.js';
|
|
2
|
+
export { registerChartEmitter, getChartEmitter, emitChart } from './chart-registry.js';
|
|
3
|
+
export { emitLineChart } from './line.js';
|
|
4
|
+
export { emitBarChart } from './bar.js';
|
|
5
|
+
export { emitScatterChart } from './scatter.js';
|
|
6
|
+
export { emitAreaChart } from './area.js';
|
|
7
|
+
export { emitPieChart } from './pie.js';
|
|
8
|
+
export { emitHeatmapChart } from './heatmap.js';
|
|
9
|
+
export { emitStackedBarChart } from './stacked-bar.js';
|
|
10
|
+
export { emitGroupedBarChart } from './grouped-bar.js';
|
|
11
|
+
export { emitComboChart } from './combo.js';
|
|
12
|
+
export { emitHistogramChart } from './histogram.js';
|
|
13
|
+
export { emitFunnelChart } from './funnel.js';
|
|
14
|
+
export { emitTreemapChart } from './treemap.js';
|
|
15
|
+
export { emitSankeyChart } from './sankey.js';
|
|
16
|
+
export { emitSparklineChart } from './sparkline.js';
|
|
17
|
+
export { emitSmallMultiplesChart } from './small-multiples.js';
|
|
18
|
+
export { emitGaugeChart } from './gauge.js';
|
|
19
|
+
export { emitWaterfallChart } from './waterfall.js';
|
|
20
|
+
export { emitBoxPlotChart } from './boxplot.js';
|
|
21
|
+
export { emitGeoChart } from './geo.js';
|
|
22
|
+
export { emitKPISpec, renderKPIHTML, type KPISpec } from './kpi.js';
|
|
23
|
+
export { emitTableSpec, renderTableHTML, type TableSpec } from './table.js';
|
|
24
|
+
export declare function registerAllCharts(): void;
|
|
25
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/charts/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,OAAO,EAAE,MAAM,UAAU,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAuB5E,wBAAgB,iBAAiB,IAAI,IAAI,CAoBxC"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
export { registerChartEmitter, getChartEmitter, emitChart } from './chart-registry.js';
|
|
2
|
+
export { emitLineChart } from './line.js';
|
|
3
|
+
export { emitBarChart } from './bar.js';
|
|
4
|
+
export { emitScatterChart } from './scatter.js';
|
|
5
|
+
export { emitAreaChart } from './area.js';
|
|
6
|
+
export { emitPieChart } from './pie.js';
|
|
7
|
+
export { emitHeatmapChart } from './heatmap.js';
|
|
8
|
+
export { emitStackedBarChart } from './stacked-bar.js';
|
|
9
|
+
export { emitGroupedBarChart } from './grouped-bar.js';
|
|
10
|
+
export { emitComboChart } from './combo.js';
|
|
11
|
+
export { emitHistogramChart } from './histogram.js';
|
|
12
|
+
export { emitFunnelChart } from './funnel.js';
|
|
13
|
+
export { emitTreemapChart } from './treemap.js';
|
|
14
|
+
export { emitSankeyChart } from './sankey.js';
|
|
15
|
+
export { emitSparklineChart } from './sparkline.js';
|
|
16
|
+
export { emitSmallMultiplesChart } from './small-multiples.js';
|
|
17
|
+
export { emitGaugeChart } from './gauge.js';
|
|
18
|
+
export { emitWaterfallChart } from './waterfall.js';
|
|
19
|
+
export { emitBoxPlotChart } from './boxplot.js';
|
|
20
|
+
export { emitGeoChart } from './geo.js';
|
|
21
|
+
export { emitKPISpec, renderKPIHTML } from './kpi.js';
|
|
22
|
+
export { emitTableSpec, renderTableHTML } from './table.js';
|
|
23
|
+
import { registerChartEmitter } from './chart-registry.js';
|
|
24
|
+
import { emitLineChart } from './line.js';
|
|
25
|
+
import { emitBarChart } from './bar.js';
|
|
26
|
+
import { emitScatterChart } from './scatter.js';
|
|
27
|
+
import { emitAreaChart } from './area.js';
|
|
28
|
+
import { emitPieChart } from './pie.js';
|
|
29
|
+
import { emitHeatmapChart } from './heatmap.js';
|
|
30
|
+
import { emitStackedBarChart } from './stacked-bar.js';
|
|
31
|
+
import { emitGroupedBarChart } from './grouped-bar.js';
|
|
32
|
+
import { emitComboChart } from './combo.js';
|
|
33
|
+
import { emitHistogramChart } from './histogram.js';
|
|
34
|
+
import { emitFunnelChart } from './funnel.js';
|
|
35
|
+
import { emitTreemapChart } from './treemap.js';
|
|
36
|
+
import { emitSankeyChart } from './sankey.js';
|
|
37
|
+
import { emitSparklineChart } from './sparkline.js';
|
|
38
|
+
import { emitSmallMultiplesChart } from './small-multiples.js';
|
|
39
|
+
import { emitGaugeChart } from './gauge.js';
|
|
40
|
+
import { emitWaterfallChart } from './waterfall.js';
|
|
41
|
+
import { emitBoxPlotChart } from './boxplot.js';
|
|
42
|
+
import { emitGeoChart } from './geo.js';
|
|
43
|
+
export function registerAllCharts() {
|
|
44
|
+
registerChartEmitter('line', emitLineChart);
|
|
45
|
+
registerChartEmitter('bar', emitBarChart);
|
|
46
|
+
registerChartEmitter('scatter', emitScatterChart);
|
|
47
|
+
registerChartEmitter('area', emitAreaChart);
|
|
48
|
+
registerChartEmitter('pie', emitPieChart);
|
|
49
|
+
registerChartEmitter('heatmap', emitHeatmapChart);
|
|
50
|
+
registerChartEmitter('stacked_bar', emitStackedBarChart);
|
|
51
|
+
registerChartEmitter('grouped_bar', emitGroupedBarChart);
|
|
52
|
+
registerChartEmitter('combo', emitComboChart);
|
|
53
|
+
registerChartEmitter('histogram', emitHistogramChart);
|
|
54
|
+
registerChartEmitter('funnel', emitFunnelChart);
|
|
55
|
+
registerChartEmitter('treemap', emitTreemapChart);
|
|
56
|
+
registerChartEmitter('sankey', emitSankeyChart);
|
|
57
|
+
registerChartEmitter('sparkline', emitSparklineChart);
|
|
58
|
+
registerChartEmitter('small_multiples', emitSmallMultiplesChart);
|
|
59
|
+
registerChartEmitter('gauge', emitGaugeChart);
|
|
60
|
+
registerChartEmitter('waterfall', emitWaterfallChart);
|
|
61
|
+
registerChartEmitter('boxplot', emitBoxPlotChart);
|
|
62
|
+
registerChartEmitter('geo', emitGeoChart);
|
|
63
|
+
}
|
|
64
|
+
// Auto-register on import
|
|
65
|
+
registerAllCharts();
|
|
66
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/charts/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ChartIR } from '../ir/ir-nodes.js';
|
|
2
|
+
import type { ThemeConfig } from '../themes/theme-types.js';
|
|
3
|
+
export interface KPISpec {
|
|
4
|
+
type: 'kpi';
|
|
5
|
+
chartId: string;
|
|
6
|
+
title?: string;
|
|
7
|
+
metrics: string[];
|
|
8
|
+
compareToPrevious: boolean;
|
|
9
|
+
formatting?: string;
|
|
10
|
+
theme: ThemeConfig;
|
|
11
|
+
}
|
|
12
|
+
export declare function emitKPISpec(chart: ChartIR, theme: ThemeConfig): KPISpec;
|
|
13
|
+
export declare function renderKPIHTML(spec: KPISpec, data: Record<string, unknown>[]): string;
|
|
14
|
+
//# sourceMappingURL=kpi.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kpi.d.ts","sourceRoot":"","sources":["../../src/charts/kpi.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,KAAK,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,WAAW,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,GAAG,OAAO,CAUvE;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,MAAM,CAyCpF"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
export function emitKPISpec(chart, theme) {
|
|
2
|
+
return {
|
|
3
|
+
type: 'kpi',
|
|
4
|
+
chartId: chart.id,
|
|
5
|
+
title: chart.title,
|
|
6
|
+
metrics: chart.config.metrics ?? [],
|
|
7
|
+
compareToPrevious: chart.config.compareToPrevious ?? false,
|
|
8
|
+
formatting: chart.config.formatting,
|
|
9
|
+
theme,
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
export function renderKPIHTML(spec, data) {
|
|
13
|
+
const { theme, title, metrics, formatting } = spec;
|
|
14
|
+
const row = data[0] ?? {};
|
|
15
|
+
const metricCards = metrics.map((metric) => {
|
|
16
|
+
const value = row[metric];
|
|
17
|
+
const displayValue = formatValue(value, formatting);
|
|
18
|
+
return `
|
|
19
|
+
<div class="dql-kpi-card" style="
|
|
20
|
+
background: ${theme.cardBackground};
|
|
21
|
+
border: 1px solid ${theme.borderColor};
|
|
22
|
+
border-radius: 8px;
|
|
23
|
+
padding: 20px;
|
|
24
|
+
text-align: center;
|
|
25
|
+
min-width: 150px;
|
|
26
|
+
">
|
|
27
|
+
<div class="dql-kpi-label" style="
|
|
28
|
+
color: ${theme.textColor};
|
|
29
|
+
font-size: 12px;
|
|
30
|
+
text-transform: uppercase;
|
|
31
|
+
letter-spacing: 0.5px;
|
|
32
|
+
margin-bottom: 8px;
|
|
33
|
+
">${formatLabel(metric)}</div>
|
|
34
|
+
<div class="dql-kpi-value" style="
|
|
35
|
+
color: ${theme.titleColor};
|
|
36
|
+
font-size: 28px;
|
|
37
|
+
font-weight: 700;
|
|
38
|
+
">${displayValue}</div>
|
|
39
|
+
</div>
|
|
40
|
+
`;
|
|
41
|
+
});
|
|
42
|
+
return `
|
|
43
|
+
<div class="dql-kpi-container" id="${spec.chartId}">
|
|
44
|
+
${title ? `<h3 style="color: ${theme.titleColor}; margin-bottom: 12px;">${title}</h3>` : ''}
|
|
45
|
+
<div style="display: flex; gap: 16px; flex-wrap: wrap;">
|
|
46
|
+
${metricCards.join('')}
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
`;
|
|
50
|
+
}
|
|
51
|
+
function formatValue(value, formatting) {
|
|
52
|
+
if (value == null)
|
|
53
|
+
return '-';
|
|
54
|
+
const num = Number(value);
|
|
55
|
+
if (isNaN(num))
|
|
56
|
+
return String(value);
|
|
57
|
+
switch (formatting) {
|
|
58
|
+
case 'currency':
|
|
59
|
+
return `$${num.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
|
|
60
|
+
case 'percent':
|
|
61
|
+
return `${(num * 100).toFixed(1)}%`;
|
|
62
|
+
case 'integer':
|
|
63
|
+
return num.toLocaleString('en-US', { maximumFractionDigits: 0 });
|
|
64
|
+
default:
|
|
65
|
+
return num.toLocaleString('en-US', { maximumFractionDigits: 2 });
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
function formatLabel(metric) {
|
|
69
|
+
return metric.replace(/_/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase());
|
|
70
|
+
}
|
|
71
|
+
//# sourceMappingURL=kpi.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kpi.js","sourceRoot":"","sources":["../../src/charts/kpi.ts"],"names":[],"mappings":"AAaA,MAAM,UAAU,WAAW,CAAC,KAAc,EAAE,KAAkB;IAC5D,OAAO;QACL,IAAI,EAAE,KAAK;QACX,OAAO,EAAE,KAAK,CAAC,EAAE;QACjB,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE;QACnC,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB,IAAI,KAAK;QAC1D,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;QACnC,KAAK;KACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAa,EAAE,IAA+B;IAC1E,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IACnD,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAE1B,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QACzC,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;QAC1B,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;QAEpD,OAAO;;sBAEW,KAAK,CAAC,cAAc;4BACd,KAAK,CAAC,WAAW;;;;;;;mBAO1B,KAAK,CAAC,SAAS;;;;;YAKtB,WAAW,CAAC,MAAM,CAAC;;mBAEZ,KAAK,CAAC,UAAU;;;YAGvB,YAAY;;KAEnB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO;yCACgC,IAAI,CAAC,OAAO;QAC7C,KAAK,CAAC,CAAC,CAAC,qBAAqB,KAAK,CAAC,UAAU,2BAA2B,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE;;UAEvF,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;;;GAG3B,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAc,EAAE,UAAmB;IACtD,IAAI,KAAK,IAAI,IAAI;QAAE,OAAO,GAAG,CAAC;IAC9B,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1B,IAAI,KAAK,CAAC,GAAG,CAAC;QAAE,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IAErC,QAAQ,UAAU,EAAE,CAAC;QACnB,KAAK,UAAU;YACb,OAAO,IAAI,GAAG,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,CAAC,EAAE,qBAAqB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QACnG,KAAK,SAAS;YACZ,OAAO,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;QACtC,KAAK,SAAS;YACZ,OAAO,GAAG,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,CAAC,EAAE,CAAC,CAAC;QACnE;YACE,OAAO,GAAG,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,CAAC,EAAE,CAAC,CAAC;IACrE,CAAC;AACH,CAAC;AAED,SAAS,WAAW,CAAC,MAAc;IACjC,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;AAC5E,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { ChartIR } from '../ir/ir-nodes.js';
|
|
2
|
+
import type { ThemeConfig } from '../themes/theme-types.js';
|
|
3
|
+
import type { VegaLiteSpec } from './chart-registry.js';
|
|
4
|
+
export declare function emitLineChart(chart: ChartIR, theme: ThemeConfig): VegaLiteSpec;
|
|
5
|
+
//# sourceMappingURL=line.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"line.d.ts","sourceRoot":"","sources":["../../src/charts/line.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGxD,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,GAAG,YAAY,CAmC9E"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { buildCommonConfig, buildTitle, buildTooltipEncoding, applyAxisFormat } from './shared.js';
|
|
2
|
+
export function emitLineChart(chart, theme) {
|
|
3
|
+
const { x, y, lineWidth, fillOpacity, xAxisLabel, yAxisLabel } = chart.config;
|
|
4
|
+
return {
|
|
5
|
+
$schema: 'https://vega.github.io/schema/vega-lite/v5.json',
|
|
6
|
+
title: buildTitle(chart, theme),
|
|
7
|
+
width: chart.config.width ?? 'container',
|
|
8
|
+
height: chart.config.height ?? 300,
|
|
9
|
+
mark: {
|
|
10
|
+
type: 'line',
|
|
11
|
+
strokeWidth: lineWidth ?? 2,
|
|
12
|
+
...(fillOpacity != null ? { fillOpacity } : {}),
|
|
13
|
+
color: chart.config.color ?? theme.colors[0],
|
|
14
|
+
},
|
|
15
|
+
encoding: (() => {
|
|
16
|
+
const enc = {
|
|
17
|
+
x: {
|
|
18
|
+
field: x,
|
|
19
|
+
type: 'temporal',
|
|
20
|
+
axis: { title: xAxisLabel ?? x, labelColor: theme.axisColor, titleColor: theme.axisColor },
|
|
21
|
+
},
|
|
22
|
+
y: {
|
|
23
|
+
field: y,
|
|
24
|
+
type: 'quantitative',
|
|
25
|
+
axis: { title: yAxisLabel ?? y, labelColor: theme.axisColor, titleColor: theme.axisColor },
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
const tt = buildTooltipEncoding(chart);
|
|
29
|
+
if (tt)
|
|
30
|
+
enc.tooltip = tt;
|
|
31
|
+
applyAxisFormat(enc, chart);
|
|
32
|
+
return enc;
|
|
33
|
+
})(),
|
|
34
|
+
data: { values: [] },
|
|
35
|
+
config: buildCommonConfig(chart, theme),
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=line.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"line.js","sourceRoot":"","sources":["../../src/charts/line.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnG,MAAM,UAAU,aAAa,CAAC,KAAc,EAAE,KAAkB;IAC9D,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;IAE9E,OAAO;QACL,OAAO,EAAE,iDAAiD;QAC1D,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC;QAC/B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,WAAW;QACxC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,IAAI,GAAG;QAClC,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,SAAS,IAAI,CAAC;YAC3B,GAAG,CAAC,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/C,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;SAC7C;QACD,QAAQ,EAAE,CAAC,GAAG,EAAE;YACd,MAAM,GAAG,GAA4B;gBACnC,CAAC,EAAE;oBACD,KAAK,EAAE,CAAC;oBACR,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,IAAI,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,EAAE;iBAC3F;gBACD,CAAC,EAAE;oBACD,KAAK,EAAE,CAAC;oBACR,IAAI,EAAE,cAAc;oBACpB,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,IAAI,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,EAAE;iBAC3F;aACF,CAAC;YACF,MAAM,EAAE,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;YACvC,IAAI,EAAE;gBAAE,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;YACzB,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YAC5B,OAAO,GAAG,CAAC;QACb,CAAC,CAAC,EAAE;QACJ,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;QACpB,MAAM,EAAE,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC;KACxC,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { ChartIR } from '../ir/ir-nodes.js';
|
|
2
|
+
import type { ThemeConfig } from '../themes/theme-types.js';
|
|
3
|
+
import type { VegaLiteSpec } from './chart-registry.js';
|
|
4
|
+
export declare function emitPieChart(chart: ChartIR, theme: ThemeConfig): VegaLiteSpec;
|
|
5
|
+
//# sourceMappingURL=pie.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pie.d.ts","sourceRoot":"","sources":["../../src/charts/pie.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGxD,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,GAAG,YAAY,CAuB7E"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { buildCommonConfig, buildTitle } from './shared.js';
|
|
2
|
+
export function emitPieChart(chart, theme) {
|
|
3
|
+
const { x, y, innerRadius } = chart.config;
|
|
4
|
+
return {
|
|
5
|
+
$schema: 'https://vega.github.io/schema/vega-lite/v5.json',
|
|
6
|
+
title: buildTitle(chart, theme),
|
|
7
|
+
width: chart.config.width ?? 300,
|
|
8
|
+
height: chart.config.height ?? 300,
|
|
9
|
+
mark: {
|
|
10
|
+
type: 'arc',
|
|
11
|
+
...(innerRadius != null ? { innerRadius } : {}),
|
|
12
|
+
},
|
|
13
|
+
encoding: {
|
|
14
|
+
theta: { field: y, type: 'quantitative' },
|
|
15
|
+
color: {
|
|
16
|
+
field: x,
|
|
17
|
+
type: 'nominal',
|
|
18
|
+
scale: { range: theme.colors },
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
data: { values: [] },
|
|
22
|
+
config: buildCommonConfig(chart, theme),
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=pie.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pie.js","sourceRoot":"","sources":["../../src/charts/pie.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE5D,MAAM,UAAU,YAAY,CAAC,KAAc,EAAE,KAAkB;IAC7D,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;IAE3C,OAAO;QACL,OAAO,EAAE,iDAAiD;QAC1D,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC;QAC/B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,GAAG;QAChC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,IAAI,GAAG;QAClC,IAAI,EAAE;YACJ,IAAI,EAAE,KAAK;YACX,GAAG,CAAC,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;SAChD;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE;YACzC,KAAK,EAAE;gBACL,KAAK,EAAE,CAAC;gBACR,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE;aAC/B;SACF;QACD,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;QACpB,MAAM,EAAE,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC;KACxC,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { ChartIR } from '../ir/ir-nodes.js';
|
|
2
|
+
import type { ThemeConfig } from '../themes/theme-types.js';
|
|
3
|
+
import type { VegaLiteSpec } from './chart-registry.js';
|
|
4
|
+
/**
|
|
5
|
+
* Sankey MVP in Vega-Lite:
|
|
6
|
+
* - links as rule marks from source node (left) to target node (right)
|
|
7
|
+
* - node points + labels derived from folded source/target fields
|
|
8
|
+
*/
|
|
9
|
+
export declare function emitSankeyChart(chart: ChartIR, theme: ThemeConfig): VegaLiteSpec;
|
|
10
|
+
//# sourceMappingURL=sankey.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sankey.d.ts","sourceRoot":"","sources":["../../src/charts/sankey.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGxD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,GAAG,YAAY,CAkHhF"}
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
import { buildCommonConfig, buildTitle } from './shared.js';
|
|
2
|
+
/**
|
|
3
|
+
* Sankey MVP in Vega-Lite:
|
|
4
|
+
* - links as rule marks from source node (left) to target node (right)
|
|
5
|
+
* - node points + labels derived from folded source/target fields
|
|
6
|
+
*/
|
|
7
|
+
export function emitSankeyChart(chart, theme) {
|
|
8
|
+
const sourceField = chart.config.x || 'source';
|
|
9
|
+
const valueField = chart.config.y || 'value';
|
|
10
|
+
const targetField = chart.config.colorField || 'target';
|
|
11
|
+
const legendOrNull = chart.config.showLegend === false ? null : undefined;
|
|
12
|
+
return {
|
|
13
|
+
$schema: 'https://vega.github.io/schema/vega-lite/v5.json',
|
|
14
|
+
title: buildTitle(chart, theme),
|
|
15
|
+
width: chart.config.width ?? 'container',
|
|
16
|
+
height: chart.config.height ?? 340,
|
|
17
|
+
transform: [
|
|
18
|
+
{
|
|
19
|
+
filter: `datum["${sourceField}"] != null && datum["${targetField}"] != null && datum["${valueField}"] != null`,
|
|
20
|
+
},
|
|
21
|
+
],
|
|
22
|
+
layer: [
|
|
23
|
+
{
|
|
24
|
+
mark: {
|
|
25
|
+
type: 'rule',
|
|
26
|
+
opacity: 0.45,
|
|
27
|
+
},
|
|
28
|
+
encoding: {
|
|
29
|
+
x: {
|
|
30
|
+
datum: 'source',
|
|
31
|
+
type: 'nominal',
|
|
32
|
+
axis: { title: null, labelColor: theme.axisColor, titleColor: theme.axisColor },
|
|
33
|
+
},
|
|
34
|
+
x2: { datum: 'target' },
|
|
35
|
+
y: {
|
|
36
|
+
field: sourceField,
|
|
37
|
+
type: 'nominal',
|
|
38
|
+
axis: { title: sourceField, labelColor: theme.axisColor, titleColor: theme.axisColor },
|
|
39
|
+
},
|
|
40
|
+
y2: {
|
|
41
|
+
field: targetField,
|
|
42
|
+
},
|
|
43
|
+
size: {
|
|
44
|
+
field: valueField,
|
|
45
|
+
type: 'quantitative',
|
|
46
|
+
legend: { title: valueField },
|
|
47
|
+
},
|
|
48
|
+
color: {
|
|
49
|
+
field: targetField,
|
|
50
|
+
type: 'nominal',
|
|
51
|
+
legend: legendOrNull,
|
|
52
|
+
},
|
|
53
|
+
tooltip: [
|
|
54
|
+
{ field: sourceField, type: 'nominal', title: 'Source' },
|
|
55
|
+
{ field: targetField, type: 'nominal', title: 'Target' },
|
|
56
|
+
{ field: valueField, type: 'quantitative', title: 'Value' },
|
|
57
|
+
],
|
|
58
|
+
},
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
transform: [
|
|
62
|
+
{ fold: [sourceField, targetField], as: ['stage', 'node'] },
|
|
63
|
+
{ aggregate: [{ op: 'sum', field: valueField, as: '__node_value' }], groupby: ['stage', 'node'] },
|
|
64
|
+
],
|
|
65
|
+
mark: {
|
|
66
|
+
type: 'point',
|
|
67
|
+
filled: true,
|
|
68
|
+
size: 70,
|
|
69
|
+
opacity: 0.95,
|
|
70
|
+
stroke: theme.background,
|
|
71
|
+
strokeWidth: 1,
|
|
72
|
+
},
|
|
73
|
+
encoding: {
|
|
74
|
+
x: {
|
|
75
|
+
field: 'stage',
|
|
76
|
+
type: 'nominal',
|
|
77
|
+
axis: null,
|
|
78
|
+
},
|
|
79
|
+
y: {
|
|
80
|
+
field: 'node',
|
|
81
|
+
type: 'nominal',
|
|
82
|
+
axis: null,
|
|
83
|
+
},
|
|
84
|
+
color: {
|
|
85
|
+
field: 'node',
|
|
86
|
+
type: 'nominal',
|
|
87
|
+
legend: null,
|
|
88
|
+
},
|
|
89
|
+
tooltip: [
|
|
90
|
+
{ field: 'stage', type: 'nominal', title: 'Stage' },
|
|
91
|
+
{ field: 'node', type: 'nominal', title: 'Node' },
|
|
92
|
+
{ field: '__node_value', type: 'quantitative', title: 'Flow' },
|
|
93
|
+
],
|
|
94
|
+
},
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
transform: [
|
|
98
|
+
{ fold: [sourceField, targetField], as: ['stage', 'node'] },
|
|
99
|
+
{ aggregate: [{ op: 'sum', field: valueField, as: '__node_value' }], groupby: ['stage', 'node'] },
|
|
100
|
+
],
|
|
101
|
+
mark: {
|
|
102
|
+
type: 'text',
|
|
103
|
+
align: 'left',
|
|
104
|
+
baseline: 'middle',
|
|
105
|
+
dx: 8,
|
|
106
|
+
fontSize: 11,
|
|
107
|
+
color: theme.textColor,
|
|
108
|
+
},
|
|
109
|
+
encoding: {
|
|
110
|
+
x: { field: 'stage', type: 'nominal' },
|
|
111
|
+
y: { field: 'node', type: 'nominal' },
|
|
112
|
+
text: { field: 'node' },
|
|
113
|
+
},
|
|
114
|
+
},
|
|
115
|
+
],
|
|
116
|
+
data: { values: [] },
|
|
117
|
+
config: buildCommonConfig(chart, theme),
|
|
118
|
+
};
|
|
119
|
+
}
|
|
120
|
+
//# sourceMappingURL=sankey.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sankey.js","sourceRoot":"","sources":["../../src/charts/sankey.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { ChartIR } from '../ir/ir-nodes.js';
|
|
2
|
+
import type { ThemeConfig } from '../themes/theme-types.js';
|
|
3
|
+
import type { VegaLiteSpec } from './chart-registry.js';
|
|
4
|
+
export declare function emitScatterChart(chart: ChartIR, theme: ThemeConfig): VegaLiteSpec;
|
|
5
|
+
//# sourceMappingURL=scatter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scatter.d.ts","sourceRoot":"","sources":["../../src/charts/scatter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGxD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,GAAG,YAAY,CAkCjF"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { buildCommonConfig, buildTitle } from './shared.js';
|
|
2
|
+
export function emitScatterChart(chart, theme) {
|
|
3
|
+
const { x, y, size, xAxisLabel, yAxisLabel } = chart.config;
|
|
4
|
+
const encoding = {
|
|
5
|
+
x: {
|
|
6
|
+
field: x,
|
|
7
|
+
type: 'quantitative',
|
|
8
|
+
axis: { title: xAxisLabel ?? x, labelColor: theme.axisColor, titleColor: theme.axisColor },
|
|
9
|
+
},
|
|
10
|
+
y: {
|
|
11
|
+
field: y,
|
|
12
|
+
type: 'quantitative',
|
|
13
|
+
axis: { title: yAxisLabel ?? y, labelColor: theme.axisColor, titleColor: theme.axisColor },
|
|
14
|
+
},
|
|
15
|
+
};
|
|
16
|
+
if (size) {
|
|
17
|
+
encoding.size = { field: size, type: 'quantitative' };
|
|
18
|
+
}
|
|
19
|
+
return {
|
|
20
|
+
$schema: 'https://vega.github.io/schema/vega-lite/v5.json',
|
|
21
|
+
title: buildTitle(chart, theme),
|
|
22
|
+
width: chart.config.width ?? 'container',
|
|
23
|
+
height: chart.config.height ?? 300,
|
|
24
|
+
mark: {
|
|
25
|
+
type: 'point',
|
|
26
|
+
color: chart.config.color ?? theme.colors[0],
|
|
27
|
+
filled: true,
|
|
28
|
+
},
|
|
29
|
+
encoding,
|
|
30
|
+
data: { values: [] },
|
|
31
|
+
config: buildCommonConfig(chart, theme),
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=scatter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scatter.js","sourceRoot":"","sources":["../../src/charts/scatter.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE5D,MAAM,UAAU,gBAAgB,CAAC,KAAc,EAAE,KAAkB;IACjE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;IAE5D,MAAM,QAAQ,GAA4B;QACxC,CAAC,EAAE;YACD,KAAK,EAAE,CAAC;YACR,IAAI,EAAE,cAAc;YACpB,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,IAAI,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,EAAE;SAC3F;QACD,CAAC,EAAE;YACD,KAAK,EAAE,CAAC;YACR,IAAI,EAAE,cAAc;YACpB,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,IAAI,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,EAAE;SAC3F;KACF,CAAC;IAEF,IAAI,IAAI,EAAE,CAAC;QACT,QAAQ,CAAC,IAAI,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;IACxD,CAAC;IAED,OAAO;QACL,OAAO,EAAE,iDAAiD;QAC1D,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC;QAC/B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,WAAW;QACxC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,IAAI,GAAG;QAClC,IAAI,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;YAC5C,MAAM,EAAE,IAAI;SACb;QACD,QAAQ;QACR,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;QACpB,MAAM,EAAE,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC;KACxC,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ChartIR } from '../ir/ir-nodes.js';
|
|
2
|
+
import type { ThemeConfig } from '../themes/theme-types.js';
|
|
3
|
+
export declare function buildTitle(chart: ChartIR, theme: ThemeConfig): string | {
|
|
4
|
+
text: string;
|
|
5
|
+
fontSize?: number;
|
|
6
|
+
color?: string;
|
|
7
|
+
} | undefined;
|
|
8
|
+
export declare function buildTooltipEncoding(chart: ChartIR): unknown[] | undefined;
|
|
9
|
+
export declare function applyAxisFormat(encoding: Record<string, unknown>, chart: ChartIR): void;
|
|
10
|
+
export declare function buildCommonConfig(chart: ChartIR, theme: ThemeConfig): Record<string, unknown>;
|
|
11
|
+
//# sourceMappingURL=shared.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/charts/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,wBAAgB,UAAU,CACxB,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,WAAW,GACjB,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAY1E;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,EAAE,GAAG,SAAS,CAG1E;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAavF;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAmB7F"}
|