@visactor/vseed 0.0.23 → 0.0.25

package/dist/index.cjs

@@ -34,13 +34,14 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     funnelAdvancedPipeline: ()=>funnelAdvancedPipeline,
-    zPie: ()=>zPie,
+    zHeatmapConfig: ()=>zHeatmapConfig,
     zBar: ()=>zBar,
     pieAdvancedPipeline: ()=>pieAdvancedPipeline,
     execPipeline: ()=>execPipeline,
     areaSpecPipeline: ()=>areaSpecPipeline,
     isTable: ()=>isTable,
     zDonut: ()=>zDonut,
+    zPie: ()=>zPie,
     zRoseConfig: ()=>zRoseConfig,
     findFirstMeasure: ()=>findFirstMeasure,
     scatterAdvancedPipeline: ()=>scatterAdvancedPipeline,
@@ -66,6 +67,7 @@ __webpack_require__.d(__webpack_exports__, {
     findAllMeasures: ()=>findAllMeasures,
     funnelSpecPipeline: ()=>funnelSpecPipeline,
     zAnalysis: ()=>zAnalysis,
+    zColorLegend: ()=>zColorLegend,
     preorderTraverse: ()=>preorderTraverse,
     zDimensionTree: ()=>zDimensionTree,
     roseParallelSpecPipeline: ()=>roseParallelSpecPipeline,
@@ -89,31 +91,32 @@ __webpack_require__.d(__webpack_exports__, {
     zColumnParallelConfig: ()=>zColumnParallelConfig,
     donutSpecPipeline: ()=>donutSpecPipeline,
     registerAreaPercent: ()=>registerAreaPercent,
-    zTheme: ()=>zTheme,
+    zHeatmap: ()=>zHeatmap,
     zBarPercent: ()=>zBarPercent,
+    zTheme: ()=>zTheme,
     zDatum: ()=>zDatum,
     barAdvancedPipeline: ()=>barAdvancedPipeline,
     zCustomThemeConfig: ()=>zCustomThemeConfig,
     registerColumnPercent: ()=>registerColumnPercent,
-    zCrosshairLine: ()=>zCrosshairLine,
+    registerHeatmap: ()=>registerHeatmap,
     registerAreaRange: ()=>registerAreaRange,
     roseSpecPipeline: ()=>roseSpecPipeline,
+    dataReshapeFor2D1M0Name: ()=>dataReshapeFor2D1M0Name,
     registerBarPercent: ()=>registerBarPercent,
-    zPivotTable: ()=>zPivotTable,
     registerLightTheme: ()=>registerLightTheme,
     roseAdvancedPipeline: ()=>roseAdvancedPipeline,
     zBarParallel: ()=>zBarParallel,
     zAnnotationVerticalLine: ()=>zAnnotationVerticalLine,
-    registerDarkTheme: ()=>registerDarkTheme,
+    registerPivotTable: ()=>registerPivotTable,
     tableAdvancedPipeline: ()=>tableAdvancedPipeline,
+    registerDarkTheme: ()=>registerDarkTheme,
     pieSpecPipeline: ()=>pieSpecPipeline,
-    registerPivotTable: ()=>registerPivotTable,
     zChartType: ()=>zChartType,
-    zMeasureTree: ()=>zMeasureTree,
+    zCrosshairLine: ()=>zCrosshairLine,
     barSpecPipeline: ()=>barSpecPipeline,
-    zSortAxis: ()=>zSortAxis,
+    zMeasureTree: ()=>zMeasureTree,
     registerRose: ()=>registerRose,
-    zRose: ()=>zRose,
+    zPivotTable: ()=>zPivotTable,
     unfoldDimensions: ()=>unfoldDimensions,
     roseParallelAdvancedPipeline: ()=>roseParallelAdvancedPipeline,
     registerTable: ()=>registerTable,
@@ -123,32 +126,40 @@ __webpack_require__.d(__webpack_exports__, {
     registerAll: ()=>registerAll,
     registerBar: ()=>registerBar,
     isVChart: ()=>isVChart,
+    radarSpecPipeline: ()=>radarSpecPipeline,
     zPieConfig: ()=>zPieConfig,
+    zRadar: ()=>zRadar,
+    zRose: ()=>zRose,
     zStackCornerRadius: ()=>zStackCornerRadius,
-    zTable: ()=>zTable,
     registerLine: ()=>registerLine,
     registerCustomTheme: ()=>registerCustomTheme,
     zColor: ()=>zColor,
     registerRoseParallel: ()=>registerRoseParallel,
     registerDonut: ()=>registerDonut,
+    heatmapSpecPipeline: ()=>heatmapSpecPipeline,
+    heatmapAdvancedPipeline: ()=>heatmapAdvancedPipeline,
     zDonutConfig: ()=>zDonutConfig,
-    zMeasureGroup: ()=>zMeasureGroup,
-    zUnfoldInfo: ()=>zUnfoldInfo,
     zFunnelConfig: ()=>zFunnelConfig,
+    zMeasureGroup: ()=>zMeasureGroup,
     zMeasures: ()=>zMeasures,
     FoldMeasureName: ()=>FoldMeasureName,
+    zRadarConfig: ()=>zRadarConfig,
     darkTheme: ()=>darkTheme,
     createNumFormatter: ()=>createNumFormatter,
     zAreaConfig: ()=>zAreaConfig,
     zAxis: ()=>zAxis,
     isVTable: ()=>isVTable,
+    zSortAxis: ()=>zSortAxis,
+    zTable: ()=>zTable,
     zLine: ()=>zLine,
     columnSpecPipeline: ()=>columnSpecPipeline,
     UnfoldDimensionGroup: ()=>UnfoldDimensionGroup,
     zDatasetReshapeInfo: ()=>zDatasetReshapeInfo,
     zFoldInfo: ()=>zFoldInfo,
+    zLinearColor: ()=>zLinearColor,
     zAreaStyle: ()=>zAreaStyle,
     ORIGINAL_DATA: ()=>ORIGINAL_DATA,
+    zUnfoldInfo: ()=>zUnfoldInfo,
     zAnnotationArea: ()=>zAnnotationArea,
     columnParallelSpecPipeline: ()=>columnParallelSpecPipeline,
     i18n: ()=>i18n,
@@ -170,12 +181,14 @@ __webpack_require__.d(__webpack_exports__, {
     findMeasureById: ()=>findMeasureById,
     zVSeed: ()=>zVSeed,
     areaPercentAdvancedPipeline: ()=>areaPercentAdvancedPipeline,
+    radarAdvancedPipeline: ()=>radarAdvancedPipeline,
     zBackgroundColor: ()=>zBackgroundColor,
     zAreaPercentConfig: ()=>zAreaPercentConfig,
     registerBarParallel: ()=>registerBarParallel,
-    zMeasure: ()=>zMeasure,
+    registerRadar: ()=>registerRadar,
     zLocale: ()=>zLocale,
     pivotTableSpecPipeline: ()=>pivotTableSpecPipeline,
+    zMeasure: ()=>zMeasure,
     areaRangeSpecPipeline: ()=>areaRangeSpecPipeline,
     areaRangeAdvancedPipeline: ()=>areaRangeAdvancedPipeline,
     zAreaRange: ()=>zAreaRange,
@@ -870,6 +883,96 @@ const dataReshapeFor1D = (dataset, dimensions, measures, options)=>{
         };
     }
 };
+const unfoldZeroDimensions = (dataset, measures, measureName, unfoldGroupName = UnfoldDimensionGroup, unfoldGroupId = UnfoldDimensionGroupId)=>{
+    const unfoldInfo = {
+        groupName: unfoldGroupName,
+        groupId: unfoldGroupId,
+        colorItems: [],
+        colorIdMap: {}
+    };
+    if (0 === measures.length) return {
+        dataset,
+        unfoldInfo: {
+            groupName: unfoldGroupName,
+            groupId: unfoldGroupId,
+            colorItems: [],
+            colorIdMap: {}
+        }
+    };
+    const colorItems = [];
+    const colorMap = {};
+    for(let i = 0; i < dataset.length; i++){
+        const datum = dataset[i];
+        const colorName = measureName;
+        const colorId = measureName;
+        datum[unfoldGroupName] = colorName;
+        datum[unfoldGroupId] = colorId;
+        colorItems.push(colorId);
+        colorMap[colorId] = colorName;
+    }
+    unfoldInfo.colorItems = (0, external_remeda_namespaceObject.unique)(colorItems);
+    unfoldInfo.colorIdMap = colorMap;
+    return {
+        dataset,
+        unfoldInfo
+    };
+};
+const dataReshapeFor2D1M0Name_emptyReshapeResult = {
+    dataset: [],
+    foldInfo: {
+        foldMap: {},
+        measureId: '',
+        measureName: '',
+        measureValue: ''
+    },
+    unfoldInfo: {
+        groupName: '',
+        groupId: '',
+        colorItems: [],
+        colorIdMap: {}
+    }
+};
+const dataReshapeFor2D1M0Name = (dataset, dimensions, measures, options)=>{
+    const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, unfoldDimensionGroup = UnfoldDimensionGroup, unfoldDimensionGroupId = UnfoldDimensionGroupId } = options || {};
+    if (0 === dimensions.length && 0 === measures.length) return dataReshapeFor2D1M0Name_emptyReshapeResult;
+    const { dataset: foldedDataset, foldInfo } = foldMeasures(dataset, measures, foldMeasureId, foldMeasureName, foldMeasureValue);
+    if (0 === dimensions.length) {
+        const { dataset: finalDataset, unfoldInfo } = unfoldZeroDimensions(foldedDataset, [
+            {
+                id: foldMeasureValue,
+                alias: i18n`指标值`
+            }
+        ], i18n`指标名称`, unfoldDimensionGroup, unfoldDimensionGroupId);
+        return {
+            dataset: finalDataset,
+            foldInfo,
+            unfoldInfo
+        };
+    }
+    {
+        const onlyOneMeasure = 1 === measures.length;
+        const onlyOneDimension = 1 === dimensions.length;
+        const dims = [
+            ...dimensions
+        ];
+        if (!onlyOneMeasure || onlyOneDimension) dims.push({
+            id: foldMeasureName,
+            alias: i18n`指标名称`,
+            location: 'dimension'
+        });
+        const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, dims, [
+            {
+                id: foldMeasureValue,
+                alias: i18n`指标值`
+            }
+        ], 1, unfoldDimensionGroup, unfoldDimensionGroupId, foldMeasureId);
+        return {
+            dataset: finalDataset,
+            foldInfo,
+            unfoldInfo
+        };
+    }
+};
 const reshapeTo2D1M = (advancedVSeed, context)=>{
     const result = {
         ...advancedVSeed
@@ -894,6 +997,30 @@ const reshapeTo2D1M = (advancedVSeed, context)=>{
         measures
     };
 };
+const reshapeTo2D1M0Name = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { dataset } = vseed;
+    const { dimensions, measures } = advancedVSeed;
+    if (!measures || !dimensions || !dataset) return result;
+    if (0 === measures.length) throw new Error('measures can not be empty');
+    const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeFor2D1M0Name(dataset, dimensions, measures);
+    return {
+        ...result,
+        dataset: newDatasets,
+        datasetReshapeInfo: [
+            {
+                id: '2D1M',
+                foldInfo,
+                unfoldInfo
+            }
+        ],
+        dimensions,
+        measures
+    };
+};
 const reshapeTo1D1M = (advancedVSeed, context)=>{
     const result = {
         ...advancedVSeed
@@ -960,7 +1087,7 @@ const reshapeTo1D = (advancedVSeed, context)=>{
         ]
     };
 };
-const pivotReshapeTo1D1M = (advancedVSeed, context)=>{
+const pivotReshapeTo2D1M = (advancedVSeed, context)=>{
     const result = {
         ...advancedVSeed
     };
@@ -973,14 +1100,14 @@ const pivotReshapeTo1D1M = (advancedVSeed, context)=>{
     if (measures) measures.forEach((measure)=>{
         if (measure.children && measure.children.length > 0) measureGroups.push(measure);
     });
+    const commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
     const newDatasets = [];
     const datasetReshapeInfo = [];
     measureGroups.forEach((measureGroup)=>{
         const measures = measureGroup.children;
         if (!measures) return;
-        const commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
         const groupId = measureGroup.id;
-        const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeFor1D1M(dataset, commonDimensions, measures, {
+        const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeFor2D1M(dataset, commonDimensions, measures, {
             foldMeasureId: FoldMeasureId,
             foldMeasureName: FoldMeasureName,
             foldMeasureValue: FoldMeasureValue + groupId,
@@ -1000,7 +1127,47 @@ const pivotReshapeTo1D1M = (advancedVSeed, context)=>{
         datasetReshapeInfo: datasetReshapeInfo
     };
 };
-const pivotReshapeTo1D2M = (advancedVSeed, context)=>{
+const pivotReshapeTo2D1M0Name = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { dataset } = vseed;
+    const { measures } = advancedVSeed;
+    const dimensions = advancedVSeed.dimensions;
+    if (!measures || !dimensions) return result;
+    const measureGroups = [];
+    if (measures) measures.forEach((measure)=>{
+        if (measure.children && measure.children.length > 0) measureGroups.push(measure);
+    });
+    const commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
+    const newDatasets = [];
+    const datasetReshapeInfo = [];
+    measureGroups.forEach((measureGroup)=>{
+        const measures = measureGroup.children;
+        if (!measures) return;
+        const groupId = measureGroup.id;
+        const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeFor2D1M0Name(dataset, commonDimensions, measures, {
+            foldMeasureId: FoldMeasureId,
+            foldMeasureName: FoldMeasureName,
+            foldMeasureValue: FoldMeasureValue + groupId,
+            unfoldDimensionGroup: UnfoldDimensionGroup
+        });
+        const reshapeInfo = {
+            id: groupId,
+            foldInfo,
+            unfoldInfo
+        };
+        newDatasets.push(newSubDataset);
+        datasetReshapeInfo.push(reshapeInfo);
+    });
+    return {
+        ...result,
+        dataset: newDatasets,
+        datasetReshapeInfo: datasetReshapeInfo
+    };
+};
+const pivotReshapeTo1D1M = (advancedVSeed, context)=>{
     const result = {
         ...advancedVSeed
     };
@@ -1020,7 +1187,7 @@ const pivotReshapeTo1D2M = (advancedVSeed, context)=>{
         if (!measures) return;
         const commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
         const groupId = measureGroup.id;
-        const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeFor1D2M(dataset, commonDimensions, measures, {
+        const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeFor1D1M(dataset, commonDimensions, measures, {
             foldMeasureId: FoldMeasureId,
             foldMeasureName: FoldMeasureName,
             foldMeasureValue: FoldMeasureValue + groupId,
@@ -1040,7 +1207,7 @@ const pivotReshapeTo1D2M = (advancedVSeed, context)=>{
         datasetReshapeInfo: datasetReshapeInfo
     };
 };
-const pivotReshapeTo2D1M = (advancedVSeed, context)=>{
+const pivotReshapeTo1D2M = (advancedVSeed, context)=>{
     const result = {
         ...advancedVSeed
     };
@@ -1053,14 +1220,14 @@ const pivotReshapeTo2D1M = (advancedVSeed, context)=>{
     if (measures) measures.forEach((measure)=>{
         if (measure.children && measure.children.length > 0) measureGroups.push(measure);
     });
-    const commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
     const newDatasets = [];
     const datasetReshapeInfo = [];
     measureGroups.forEach((measureGroup)=>{
         const measures = measureGroup.children;
         if (!measures) return;
+        const commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
         const groupId = measureGroup.id;
-        const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeFor2D1M(dataset, commonDimensions, measures, {
+        const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeFor1D2M(dataset, commonDimensions, measures, {
             foldMeasureId: FoldMeasureId,
             foldMeasureName: FoldMeasureName,
             foldMeasureValue: FoldMeasureValue + groupId,
@@ -1371,6 +1538,43 @@ const encodingPie = (advancedVSeed)=>{
         encoding
     };
 };
+const encodingAR = (advancedVSeed)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { datasetReshapeInfo, dimensions, measures } = advancedVSeed;
+    if (!datasetReshapeInfo || !dimensions || !measures) return result;
+    const angleDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
+    const isZeroDimension = 0 === dimensions.length;
+    const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
+        const { foldInfo, unfoldInfo } = cur;
+        const angle = [
+            isZeroDimension ? foldInfo.measureName : angleDimension?.id
+        ];
+        const radius = [
+            foldInfo.measureValue
+        ];
+        const group = [
+            unfoldInfo.groupId
+        ];
+        const color = [
+            unfoldInfo.groupId
+        ];
+        return [
+            ...prev,
+            {
+                angle,
+                radius,
+                group,
+                color
+            }
+        ];
+    }, []);
+    return {
+        ...result,
+        encoding
+    };
+};
 const encodingFunnel = (advancedVSeed)=>{
     const result = {
         ...advancedVSeed
@@ -1386,7 +1590,7 @@ const encodingFunnel = (advancedVSeed)=>{
             unfoldInfo.groupId
         ];
         const color = [
-            unfoldInfo.groupId
+            foldInfo.measureValue
         ];
         return [
             ...prev,
@@ -1484,6 +1688,8 @@ const donutConfig = pieConfig;
 const roseConfig = pieConfig;
 const roseParallelConfig = pieConfig;
 const funnelConfig = pieConfig;
+const heatmapConfig = pieConfig;
+const radarConfig = pieConfig;
 const theme_theme = (advancedVSeed, context)=>{
     const { customTheme, vseed } = context;
     const { theme = 'light', chartType } = vseed;
@@ -1619,9 +1825,9 @@ const lineAdvancedPipeline = [
     autoMeasures,
     autoDimensions,
     pivotAdapter([
-        reshapeTo2D1M
+        reshapeTo2D1M0Name
     ], [
-        pivotReshapeTo2D1M
+        pivotReshapeTo2D1M0Name
     ]),
     encodingXY,
     sortXBandAxis,
@@ -1738,9 +1944,9 @@ const areaAdvancedPipeline = [
     autoMeasures,
     autoDimensions,
     pivotAdapter([
-        reshapeTo2D1M
+        reshapeTo2D1M0Name
     ], [
-        pivotReshapeTo2D1M
+        pivotReshapeTo2D1M0Name
     ]),
     encodingXY,
     sortXBandAxis,
@@ -1755,9 +1961,9 @@ const areaPercentAdvancedPipeline = [
     autoMeasures,
     autoDimensions,
     pivotAdapter([
-        reshapeTo2D1M
+        reshapeTo2D1M0Name
     ], [
-        pivotReshapeTo2D1M
+        pivotReshapeTo2D1M0Name
     ]),
     encodingXY,
     sortXBandAxis,
@@ -1870,6 +2076,71 @@ const scatterAdvancedPipeline = [
     markStyle_markStyle,
     annotation_annotation
 ];
+const encodingMatrix = (advancedVSeed)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { datasetReshapeInfo, dimensions } = advancedVSeed;
+    if (!datasetReshapeInfo || !dimensions) return result;
+    const xDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
+    const isZeroDimension = 0 === dimensions.length;
+    const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
+        const { foldInfo, unfoldInfo } = cur;
+        const x = [
+            isZeroDimension ? foldInfo.measureName : xDimension?.id
+        ];
+        const y = [
+            unfoldInfo.groupName
+        ];
+        const color = [
+            foldInfo.measureValue
+        ];
+        return [
+            ...prev,
+            {
+                x,
+                y,
+                color
+            }
+        ];
+    }, []);
+    return {
+        ...result,
+        encoding
+    };
+};
+const heatmapAdvancedPipeline = [
+    initAdvancedVSeed,
+    autoMeasures,
+    autoDimensions,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
+    encodingMatrix,
+    sortXBandAxis,
+    heatmapConfig,
+    theme_theme,
+    markStyle_markStyle,
+    annotation_annotation
+];
+const radarAdvancedPipeline = [
+    initAdvancedVSeed,
+    autoMeasures,
+    autoDimensions,
+    pivotAdapter([
+        reshapeTo2D1M0Name
+    ], [
+        pivotReshapeTo2D1M0Name
+    ]),
+    encodingAR,
+    sort_sortLegend,
+    radarConfig,
+    theme_theme,
+    markStyle_markStyle,
+    annotation_annotation
+];
 const autoMeasures_autoMeasures = (advancedVSeed, context)=>{
     const result = {
         ...advancedVSeed
@@ -2022,12 +2293,11 @@ const tableAdvancedPipeline = [
     records_records,
     theme_theme
 ];
-const dataset_dataset = (spec, context)=>{
+const datasetYX = (spec, context)=>{
     const { advancedVSeed, vseed } = context;
     const { encoding, analysis, datasetReshapeInfo } = advancedVSeed;
     const { orderMapping = {} } = analysis ?? {};
     const angle = encoding[0]?.angle?.[0];
-    const x = encoding[0]?.x?.[0];
     const y = encoding[0]?.y?.[0];
     const group = encoding[0]?.group?.[0];
     const id = datasetReshapeInfo[0].id;
@@ -2035,25 +2305,57 @@ const dataset_dataset = (spec, context)=>{
     if (angle) fields[angle] = {
         sortIndex: 0
     };
-    if (x) {
-        const order = orderMapping[x];
-        if (order) fields[x] = {
+    if (y) {
+        const order = orderMapping[y];
+        if (order) fields[y] = {
             sortIndex: 0,
             domain: order,
             lockStatisticsByDomain: true
         };
-        else fields[x] = {
+        else fields[y] = {
             sortIndex: 0
         };
     }
-    if (y) {
-        const order = orderMapping[y];
-        if (order) fields[y] = {
+    if (group) {
+        const order = orderMapping[group];
+        if (order) fields[group] = {
+            sortIndex: 0,
+            domain: order,
+            lockStatisticsByDomain: true
+        };
+        else fields[group] = {
+            sortIndex: 0
+        };
+    }
+    return {
+        ...spec,
+        data: {
+            id,
+            values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset,
+            fields: fields
+        }
+    };
+};
+const datasetXY = (spec, context)=>{
+    const { advancedVSeed, vseed } = context;
+    const { encoding, analysis, datasetReshapeInfo } = advancedVSeed;
+    const { orderMapping = {} } = analysis ?? {};
+    const angle = encoding[0]?.angle?.[0];
+    const x = encoding[0]?.x?.[0];
+    const group = encoding[0]?.group?.[0];
+    const id = datasetReshapeInfo[0].id;
+    const fields = {};
+    if (angle) fields[angle] = {
+        sortIndex: 0
+    };
+    if (x) {
+        const order = orderMapping[x];
+        if (order) fields[x] = {
             sortIndex: 0,
             domain: order,
             lockStatisticsByDomain: true
         };
-        else fields[y] = {
+        else fields[x] = {
             sortIndex: 0
         };
     }
@@ -2314,8 +2616,9 @@ const initPie = (spec, context)=>{
         ...spec
     };
     const { advancedVSeed } = context;
-    const { encoding } = advancedVSeed;
+    const { encoding, dataset } = advancedVSeed;
     if (!encoding[0].angle || !encoding[0].radius || !encoding[0].group) return result;
+    const showStroke = dataset.length > 20;
     result.type = 'pie';
     result.outerRadius = 0.8;
     result.innerRadius = 0;
@@ -2331,7 +2634,7 @@ const initPie = (spec, context)=>{
     result.pie = {
         style: {
             stroke: '#ffffff',
-            lineWidth: 1,
+            lineWidth: showStroke ? 1 : 0,
             centerOffset: 0
         },
         state: {
@@ -2349,8 +2652,9 @@ const initDonut = (spec, context)=>{
         ...spec
     };
     const { advancedVSeed } = context;
-    const { encoding } = advancedVSeed;
+    const { encoding, dataset } = advancedVSeed;
     if (!encoding[0].angle || !encoding[0].radius || !encoding[0].group) return result;
+    const showStroke = dataset.length > 20;
     result.type = 'pie';
     result.outerRadius = 0.8;
     result.innerRadius = 0.8 * result.outerRadius;
@@ -2366,7 +2670,7 @@ const initDonut = (spec, context)=>{
     result.pie = {
         style: {
             stroke: '#ffffff',
-            lineWidth: 1
+            lineWidth: showStroke ? 1 : 0
         },
         state: {
             hover: {
@@ -2454,21 +2758,46 @@ const initRoseParallel = (spec, context)=>{
     result.animation = true;
     return result;
 };
-const initPivot = (spec)=>{
+const initScatter = (spec, context)=>{
     const result = {
         ...spec
     };
-    return {
-        ...result,
-        animation: true,
-        rows: [],
-        columns: [],
-        indicators: [],
-        records: [],
-        widthMode: 'adaptive',
-        heightMode: 'adaptive',
-        indicatorsAsCol: false
+    const { advancedVSeed } = context;
+    const { encoding } = advancedVSeed;
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    result.type = 'scatter';
+    result.direction = 'vertical';
+    result.xField = encoding[0].x[0];
+    result.yField = encoding[0].y[0];
+    result.seriesField = encoding[0].group[0];
+    result.padding = 0;
+    result.region = [
+        {
+            clip: true
+        }
+    ];
+    result.animation = true;
+    return result;
+};
+const initRadar = (spec, context)=>{
+    const result = {
+        ...spec
     };
+    const { advancedVSeed } = context;
+    const { encoding } = advancedVSeed;
+    if (!encoding[0].angle || !encoding[0].radius || !encoding[0].group) return result;
+    result.type = 'radar';
+    result.angleField = encoding[0].angle[0];
+    result.radiusField = encoding[0].radius[0];
+    result.seriesField = encoding[0].group[0];
+    result.padding = 0;
+    result.region = [
+        {
+            clip: true
+        }
+    ];
+    result.animation = true;
+    return result;
 };
 const initFunnel = (spec, context)=>{
     const result = {
@@ -2492,7 +2821,11 @@ const initFunnel = (spec, context)=>{
     ];
     result.funnel = {
         style: {
-            cornerRadius: 4
+            cornerRadius: 4,
+            fill: {
+                field: encoding[0].color[0],
+                scale: 'color'
+            }
         },
         state: {
             hover: {
@@ -2506,26 +2839,21 @@ const initFunnel = (spec, context)=>{
     result.animation = true;
     return result;
 };
-const initScatter = (spec, context)=>{
+const initPivot = (spec)=>{
     const result = {
         ...spec
     };
-    const { advancedVSeed } = context;
-    const { encoding } = advancedVSeed;
-    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
-    result.type = 'scatter';
-    result.direction = 'vertical';
-    result.xField = encoding[0].x[0];
-    result.yField = encoding[0].y[0];
-    result.seriesField = encoding[0].group[0];
-    result.padding = 0;
-    result.region = [
-        {
-            clip: true
-        }
-    ];
-    result.animation = true;
-    return result;
+    return {
+        ...result,
+        animation: true,
+        rows: [],
+        columns: [],
+        indicators: [],
+        records: [],
+        widthMode: 'adaptive',
+        heightMode: 'adaptive',
+        indicatorsAsCol: false
+    };
 };
 const xBand = (spec, context)=>{
     const result = {
@@ -2888,7 +3216,7 @@ const radiusAxis = (spec, context)=>{
     };
     const { advancedVSeed } = context;
     const { dimensions, measures } = advancedVSeed;
-    if (!dimensions || !measures) return spec;
+    if (!dimensions || !measures) return result;
     const is0D = 0 === dimensions.length;
     const is1M1D = 1 === dimensions.length && 1 === measures.length;
     const showAxis = !(is0D || is1M1D);
@@ -2919,7 +3247,7 @@ const angleAxis = (spec, context)=>{
     };
     const { advancedVSeed } = context;
     const { dimensions, measures } = advancedVSeed;
-    if (!dimensions || !measures) return spec;
+    if (!dimensions || !measures) return result;
     const is0D = 0 === dimensions.length;
     const is1M1D = 1 === dimensions.length && 1 === measures.length;
     const showAxis = !(is0D || is1M1D);
@@ -2955,6 +3283,59 @@ const angleAxis = (spec, context)=>{
     });
     return result;
 };
+const radarAngleAxis = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { dimensions, measures } = advancedVSeed;
+    if (!dimensions || !measures) return result;
+    if (!result.axes) result.axes = [];
+    result.axes.push({
+        orient: 'angle',
+        visible: true,
+        zero: true,
+        nice: true,
+        grid: {
+            visible: true
+        },
+        domainLine: {
+            visible: true
+        },
+        tick: {
+            visible: true
+        }
+    });
+    return result;
+};
+const radarRadiusAxis = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { dimensions, measures } = advancedVSeed;
+    if (!dimensions || !measures) return result;
+    if (!result.axes) result.axes = [];
+    result.axes.push({
+        orient: 'radius',
+        visible: true,
+        zero: true,
+        nice: true,
+        grid: {
+            visible: true
+        },
+        tick: {
+            visible: true
+        },
+        label: {
+            visible: true
+        },
+        domainLine: {
+            visible: true
+        }
+    });
+    return result;
+};
 const percent = (spec, context)=>{
     const result = {
         ...spec
@@ -2998,7 +3379,9 @@ const tooltip_tooltip = (spec, context)=>{
     const { advancedVSeed } = context;
     const { measures, datasetReshapeInfo, chartType } = advancedVSeed;
     const baseConfig = advancedVSeed.config[chartType];
-    const { tooltip } = baseConfig;
+    const { tooltip = {
+        enable: true
+    } } = baseConfig;
     const { enable } = tooltip;
     const { measureId, measureValue } = datasetReshapeInfo[0].foldInfo;
     const { groupName } = datasetReshapeInfo[0].unfoldInfo;
@@ -3088,6 +3471,16 @@ const label_label = (spec, context)=>{
     };
     return result;
 };
+const labelColorInversion = (spec)=>{
+    const result = {
+        ...spec
+    };
+    if (result.label) result.label.smartInvert = true;
+    else result.label = {
+        smartInvert: true
+    };
+    return result;
+};
 const discreteLegend = (spec, context)=>{
     const result = {
         ...spec
@@ -3297,6 +3690,69 @@ const pivotDiscreteLegend = (spec, context)=>{
         legends
     };
 };
+const colorLegend = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { chartType } = advancedVSeed;
+    const baseConfig = advancedVSeed.config[chartType];
+    const { encoding } = advancedVSeed;
+    if (!encoding[0].color) return result;
+    if (!baseConfig || !baseConfig.legend) return result;
+    const { legend } = baseConfig;
+    const { enable, position = 'bottom' } = legend || {};
+    const orient = [
+        'bottom',
+        'bottomLeft',
+        'bottomRight',
+        'bl',
+        'br'
+    ].includes(position) ? 'bottom' : [
+        'top',
+        'topLeft',
+        'topRight',
+        'tl',
+        'tr'
+    ].includes(position) ? 'top' : [
+        'left',
+        'leftTop',
+        'leftBottom',
+        'lt',
+        'lb'
+    ].includes(position) ? 'left' : 'right';
+    const legendPosition = [
+        'topLeft',
+        'bottomLeft',
+        'leftTop',
+        'rightTop',
+        'lt',
+        'rt',
+        'tl',
+        'bl'
+    ].includes(position) ? 'start' : [
+        'topRight',
+        'bottomRight',
+        'leftBottom',
+        'rightBottom',
+        'lb',
+        'rb',
+        'rt',
+        'br'
+    ].includes(position) ? 'end' : 'middle';
+    result.legends = {
+        type: 'color',
+        visible: enable,
+        orient,
+        position: legendPosition,
+        field: encoding[0].color[0],
+        inverse: !![
+            'left',
+            'right'
+        ].includes(orient)
+    };
+    return result;
+};
 const color_color = (spec, context)=>{
     const result = {
         ...spec
@@ -3324,6 +3780,28 @@ const color_color = (spec, context)=>{
     };
     return result;
 };
+const linearColor = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { datasetReshapeInfo, chartType, encoding } = advancedVSeed;
+    const baseConfig = advancedVSeed.config[chartType];
+    if (!baseConfig || !baseConfig.color) return result;
+    const { color } = baseConfig;
+    const { colorScheme } = color;
+    result.color = {
+        type: 'linear',
+        domain: [
+            {
+                dataId: datasetReshapeInfo[0].id,
+                fields: encoding?.[0]?.color
+            }
+        ],
+        range: colorScheme
+    };
+    return result;
+};
 const pivotAdapter_pivotAdapter = (pipeline, pivotPipeline)=>(spec, context)=>{
         const { vseed } = context;
         const usePivotChart = isPivotChart(vseed);
@@ -4555,7 +5033,7 @@ const line_line = [
     initLine,
     color_color,
     background_backgroundColor,
-    dataset_dataset,
+    datasetXY,
     xBand,
     yLinear,
     label_label,
@@ -4579,7 +5057,7 @@ const pivotLine = [
         initLine,
         color_color,
         background_backgroundColor,
-        dataset_dataset,
+        datasetXY,
         xBand,
         yLinear,
         label_label,
@@ -4606,7 +5084,7 @@ const column = [
     stackInverse,
     color_color,
     background_backgroundColor,
-    dataset_dataset,
+    datasetXY,
     xBand,
     yLinear,
     label_label,
@@ -4630,7 +5108,7 @@ const pivotColumn = [
         stackInverse,
         color_color,
         background_backgroundColor,
-        dataset_dataset,
+        datasetXY,
         xBand,
         yLinear,
         label_label,
@@ -4654,7 +5132,7 @@ const columnParallel = [
     stackCornerRadius_stackCornerRadius,
     color_color,
     background_backgroundColor,
-    dataset_dataset,
+    datasetXY,
     xBand,
     yLinear,
     label_label,
@@ -4677,7 +5155,7 @@ const pivotColumnParallel = [
         stackCornerRadius_stackCornerRadius,
         color_color,
         background_backgroundColor,
-        dataset_dataset,
+        datasetXY,
         xBand,
         yLinear,
         label_label,
@@ -4703,7 +5181,7 @@ const columnPercent = [
     color_color,
     background_backgroundColor,
     percent,
-    dataset_dataset,
+    datasetXY,
     xBand,
     yLinear,
     label_label,
@@ -4728,7 +5206,7 @@ const pivotColumnPercent = [
         color_color,
         percent,
         background_backgroundColor,
-        dataset_dataset,
+        datasetXY,
         xBand,
         yLinear,
         label_label,
@@ -4752,7 +5230,7 @@ const bar = [
     stackCornerRadius_stackCornerRadius,
     color_color,
     background_backgroundColor,
-    dataset_dataset,
+    datasetYX,
     xLinear,
     yBand,
     label_label,
@@ -4775,7 +5253,7 @@ const pivotBar = [
         stackCornerRadius_stackCornerRadius,
         color_color,
         background_backgroundColor,
-        dataset_dataset,
+        datasetYX,
         xLinear,
         yBand,
         label_label,
@@ -4800,7 +5278,7 @@ const barParallel = [
     stackCornerRadius_stackCornerRadius,
     color_color,
     background_backgroundColor,
-    dataset_dataset,
+    datasetYX,
     xLinear,
     yBand,
     label_label,
@@ -4823,7 +5301,7 @@ const pivotBarParallel = [
         stackCornerRadius_stackCornerRadius,
         color_color,
         background_backgroundColor,
-        dataset_dataset,
+        datasetYX,
         xLinear,
         yBand,
         label_label,
@@ -4848,7 +5326,7 @@ const barPercent = [
     color_color,
     background_backgroundColor,
     percent,
-    dataset_dataset,
+    datasetYX,
     xLinear,
     yBand,
     label_label,
@@ -4872,7 +5350,7 @@ const pivotBarPercent = [
         color_color,
         background_backgroundColor,
         percent,
-        dataset_dataset,
+        datasetYX,
         yBand,
         xLinear,
         label_label,
@@ -4896,7 +5374,7 @@ const area_area = [
     stackInverse,
     color_color,
     background_backgroundColor,
-    dataset_dataset,
+    datasetXY,
     xBand,
     yLinear,
     label_label,
@@ -4922,7 +5400,7 @@ const pivotArea = [
         color_color,
         background_backgroundColor,
         stackInverse,
-        dataset_dataset,
+        datasetXY,
         xBand,
         yLinear,
         label_label,
@@ -4950,7 +5428,7 @@ const areaPercent = [
     color_color,
     background_backgroundColor,
     percent,
-    dataset_dataset,
+    datasetXY,
     xBand,
     yLinear,
     label_label,
@@ -4976,7 +5454,7 @@ const pivotAreaPercent = [
         color_color,
         background_backgroundColor,
         percent,
-        dataset_dataset,
+        datasetXY,
         xBand,
         yLinear,
         label_label,
@@ -5012,7 +5490,7 @@ const areaRange = [
         pointStyle_pointStyle,
         pointStateDimensionHover
     ]),
-    dataset_dataset,
+    datasetXY,
     background_backgroundColor,
     xBand,
     yLinear,
@@ -5029,42 +5507,91 @@ const pivotAreaRange = [
     pivotIndicators_pivotIndicatorsAsRow,
     datasetPivot,
     pivotIndicators([
-        series([
-            initAreaRange,
-            areaStyle_areaStyle
-        ], [
-            initAreaRangeLine1,
-            lineStyle_lineStyle,
-            pointStyle_pointStyle,
-            pointStateDimensionHover
-        ], [
-            initAreaRangeLine2,
-            lineStyle_lineStyle,
-            pointStyle_pointStyle,
-            pointStateDimensionHover
-        ]),
+        series([
+            initAreaRange,
+            areaStyle_areaStyle
+        ], [
+            initAreaRangeLine1,
+            lineStyle_lineStyle,
+            pointStyle_pointStyle,
+            pointStateDimensionHover
+        ], [
+            initAreaRangeLine2,
+            lineStyle_lineStyle,
+            pointStyle_pointStyle,
+            pointStateDimensionHover
+        ]),
+        background_backgroundColor,
+        datasetXY,
+        xBand,
+        yLinear,
+        label_label,
+        verticalCrosshairLine,
+        annotationPoint_annotationPoint,
+        annotationVerticalLine_annotationVerticalLine,
+        annotationHorizontalLine_annotationHorizontalLine,
+        annotationArea_annotationArea
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions
+];
+const areaRangeSpecPipeline = [
+    pivotAdapter_pivotAdapter(areaRange, pivotAreaRange)
+];
+const scatter = [
+    initScatter,
+    color_color,
+    background_backgroundColor,
+    datasetXY,
+    xLinear,
+    yLinear,
+    label_label,
+    tooltip_tooltip,
+    verticalCrosshairLine,
+    horizontalCrosshairLine,
+    discreteLegend,
+    pointStyle_pointStyle,
+    pointStateHover,
+    annotationPoint_annotationPoint,
+    annotationVerticalLine_annotationVerticalLine,
+    annotationHorizontalLine_annotationHorizontalLine,
+    annotationArea_annotationArea
+];
+const pivotScatter = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initScatter,
+        color_color,
         background_backgroundColor,
-        dataset_dataset,
-        xBand,
+        datasetXY,
+        xLinear,
         yLinear,
         label_label,
+        tooltip_tooltip,
         verticalCrosshairLine,
+        horizontalCrosshairLine,
+        pointStyle_pointStyle,
+        pointStateHover,
         annotationPoint_annotationPoint,
         annotationVerticalLine_annotationVerticalLine,
         annotationHorizontalLine_annotationHorizontalLine,
         annotationArea_annotationArea
     ]),
     pivotRowDimensions,
-    pivotColumnDimensions
+    pivotColumnDimensions,
+    pivotDiscreteLegend
 ];
-const areaRangeSpecPipeline = [
-    pivotAdapter_pivotAdapter(areaRange, pivotAreaRange)
+const scatterSpecPipeline = [
+    pivotAdapter_pivotAdapter(scatter, pivotScatter)
 ];
 const pie = [
     initPie,
     color_color,
     background_backgroundColor,
-    dataset_dataset,
+    datasetXY,
     label_label,
     tooltip_tooltip,
     discreteLegend,
@@ -5082,7 +5609,7 @@ const pivotPie = [
         initPie,
         color_color,
         background_backgroundColor,
-        dataset_dataset,
+        datasetXY,
         label_label,
         tooltip_tooltip,
         annotationPoint_annotationPoint,
@@ -5101,7 +5628,7 @@ const donut = [
     initDonut,
     color_color,
     background_backgroundColor,
-    dataset_dataset,
+    datasetXY,
     label_label,
     tooltip_tooltip,
     discreteLegend,
@@ -5119,7 +5646,7 @@ const pivotDonut = [
         initDonut,
         color_color,
         background_backgroundColor,
-        dataset_dataset,
+        datasetXY,
         label_label,
         tooltip_tooltip,
         annotationPoint_annotationPoint,
@@ -5140,7 +5667,7 @@ const rose = [
     stackInverse,
     color_color,
     background_backgroundColor,
-    dataset_dataset,
+    datasetXY,
     radiusAxis,
     angleAxis,
     label_label,
@@ -5159,7 +5686,7 @@ const pivotRose = [
         stackInverse,
         color_color,
         background_backgroundColor,
-        dataset_dataset,
+        datasetXY,
         radiusAxis,
         angleAxis,
         label_label,
@@ -5178,7 +5705,7 @@ const roseParallel = [
     stackCornerRadius_stackCornerRadius,
     color_color,
     background_backgroundColor,
-    dataset_dataset,
+    datasetXY,
     radiusAxis,
     angleAxis,
     label_label,
@@ -5200,7 +5727,7 @@ const pivotRoseParallel = [
         stackCornerRadius_stackCornerRadius,
         color_color,
         background_backgroundColor,
-        dataset_dataset,
+        datasetXY,
         radiusAxis,
         angleAxis,
         label_label,
@@ -5218,14 +5745,57 @@ const pivotRoseParallel = [
 const roseParallelSpecPipeline = [
     pivotAdapter_pivotAdapter(roseParallel, pivotRoseParallel)
 ];
-const funnel = [
-    initFunnel,
+const radar = [
+    initRadar,
     color_color,
     background_backgroundColor,
-    dataset_dataset,
+    datasetXY,
+    radarAngleAxis,
+    radarRadiusAxis,
     label_label,
     tooltip_tooltip,
+    verticalCrosshairLine,
     discreteLegend,
+    pointStyle_pointStyle,
+    pointStateDimensionHover,
+    lineStyle_lineStyle,
+    areaStyle_areaStyle
+];
+const pivotRadar = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initRadar,
+        color_color,
+        background_backgroundColor,
+        datasetXY,
+        radarAngleAxis,
+        radarRadiusAxis,
+        label_label,
+        tooltip_tooltip,
+        verticalCrosshairLine,
+        pointStyle_pointStyle,
+        pointStateDimensionHover,
+        lineStyle_lineStyle,
+        areaStyle_areaStyle
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotDiscreteLegend
+];
+const radarSpecPipeline = [
+    pivotAdapter_pivotAdapter(radar, pivotRadar)
+];
+const funnel = [
+    initFunnel,
+    linearColor,
+    background_backgroundColor,
+    datasetXY,
+    label_label,
+    tooltip_tooltip,
+    colorLegend,
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
     annotationHorizontalLine_annotationHorizontalLine,
@@ -5238,71 +5808,111 @@ const pivotFunnel = [
     datasetPivot,
     pivotIndicators([
         initFunnel,
-        color_color,
+        linearColor,
         background_backgroundColor,
-        dataset_dataset,
+        datasetXY,
         label_label,
         tooltip_tooltip,
+        colorLegend,
         annotationPoint_annotationPoint,
         annotationVerticalLine_annotationVerticalLine,
         annotationHorizontalLine_annotationHorizontalLine,
         annotationArea_annotationArea
     ]),
     pivotRowDimensions,
-    pivotColumnDimensions,
-    pivotDiscreteLegend
+    pivotColumnDimensions
 ];
 const funnelSpecPipeline = [
     pivotAdapter_pivotAdapter(funnel, pivotFunnel)
 ];
-const scatter = [
-    initScatter,
-    color_color,
+const initHeatmap = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { encoding } = advancedVSeed;
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].color) return result;
+    result.type = 'heatmap';
+    result.direction = 'vertical';
+    result.xField = encoding[0].x[0];
+    result.yField = encoding[0].y[0];
+    result.valueField = encoding[0].color[0];
+    result.padding = 0;
+    result.cell = {
+        style: {
+            shape: 'rect',
+            stroke: '#ffffff',
+            lineWidth: 1,
+            fill: {
+                field: encoding[0].color[0],
+                scale: 'color'
+            }
+        }
+    };
+    result.axes = [
+        {
+            type: 'band',
+            orient: 'left',
+            bandPadding: 0
+        },
+        {
+            type: 'band',
+            orient: 'bottom',
+            bandPadding: 0
+        }
+    ];
+    result.region = [
+        {
+            clip: true
+        }
+    ];
+    result.animation = true;
+    return result;
+};
+const heatmap = [
+    initHeatmap,
+    linearColor,
     background_backgroundColor,
-    dataset_dataset,
-    xLinear,
-    yLinear,
+    datasetXY,
     label_label,
+    labelColorInversion,
+    colorLegend,
     tooltip_tooltip,
-    verticalCrosshairLine,
-    horizontalCrosshairLine,
-    discreteLegend,
     pointStyle_pointStyle,
-    pointStateHover,
+    pointStateDimensionHover,
+    lineStyle_lineStyle,
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
     annotationHorizontalLine_annotationHorizontalLine,
     annotationArea_annotationArea
 ];
-const pivotScatter = [
+const pivotHeatmap = [
     initPivot,
     pivotGridStyle,
     pivotIndicators_pivotIndicatorsAsRow,
     datasetPivot,
     pivotIndicators([
-        initScatter,
-        color_color,
+        initHeatmap,
+        linearColor,
         background_backgroundColor,
-        dataset_dataset,
-        xLinear,
-        yLinear,
+        datasetXY,
         label_label,
+        labelColorInversion,
+        colorLegend,
         tooltip_tooltip,
-        verticalCrosshairLine,
-        horizontalCrosshairLine,
         pointStyle_pointStyle,
-        pointStateHover,
+        pointStateDimensionHover,
+        lineStyle_lineStyle,
         annotationPoint_annotationPoint,
         annotationVerticalLine_annotationVerticalLine,
         annotationHorizontalLine_annotationHorizontalLine,
         annotationArea_annotationArea
     ]),
     pivotRowDimensions,
-    pivotColumnDimensions,
-    pivotDiscreteLegend
+    pivotColumnDimensions
 ];
-const scatterSpecPipeline = [
-    pivotAdapter_pivotAdapter(scatter, pivotScatter)
+const heatmapSpecPipeline = [
+    pivotAdapter_pivotAdapter(heatmap, pivotHeatmap)
 ];
 const initTable = (spec, context)=>{
     const { advancedVSeed } = context;
@@ -5912,6 +6522,14 @@ const registerPivotTable = ()=>{
     Builder._advancedPipelineMap.pivotTable = pivotTableAdvancedPipeline;
     Builder._specPipelineMap.pivotTable = pivotTableSpecPipeline;
 };
+const registerHeatmap = ()=>{
+    Builder._advancedPipelineMap.heatmap = heatmapAdvancedPipeline;
+    Builder._specPipelineMap.heatmap = heatmapSpecPipeline;
+};
+const registerRadar = ()=>{
+    Builder._advancedPipelineMap.radar = radarAdvancedPipeline;
+    Builder._specPipelineMap.radar = radarSpecPipeline;
+};
 const lightTheme = ()=>{
     const linearAxis = {
         nice: true,
@@ -6186,6 +6804,9 @@ const lightTheme = ()=>{
             donut: {
                 ...baseConfig
             },
+            radar: {
+                ...baseConfig
+            },
             rose: {
                 ...baseConfig
             },
@@ -6206,7 +6827,24 @@ const lightTheme = ()=>{
                         '#ACB9FF',
                         '#B7C4FF',
                         '#C2CEFF'
-                    ]
+                    ].reverse()
+                }
+            },
+            heatmap: {
+                ...baseConfig,
+                color: {
+                    colorScheme: [
+                        '#5766EC',
+                        '#6372F0',
+                        '#7080F4',
+                        '#7C8CFA',
+                        '#8998FF',
+                        '#95A3FF',
+                        '#A0AEFF',
+                        '#ACB9FF',
+                        '#B7C4FF',
+                        '#C2CEFF'
+                    ].reverse()
                 }
             }
         }
@@ -6485,6 +7123,9 @@ const darkTheme = ()=>{
             donut: {
                 ...baseConfig
             },
+            radar: {
+                ...baseConfig
+            },
             rose: {
                 ...baseConfig
             },
@@ -6507,6 +7148,9 @@ const darkTheme = ()=>{
                         '#A0CEFF'
                     ]
                 }
+            },
+            heatmap: {
+                ...baseConfig
             }
         }
     };
@@ -6525,6 +7169,8 @@ const registerDarkTheme = ()=>{
     registerCustomTheme('dark', darkTheme());
 };
 const registerAll = ()=>{
+    registerTable();
+    registerPivotTable();
     registerLine();
     registerColumn();
     registerColumnParallel();
@@ -6535,14 +7181,14 @@ const registerAll = ()=>{
     registerArea();
     registerAreaPercent();
     registerAreaRange();
+    registerScatter();
     registerPie();
     registerDonut();
     registerRose();
     registerRoseParallel();
+    registerRadar();
     registerFunnel();
-    registerScatter();
-    registerTable();
-    registerPivotTable();
+    registerHeatmap();
     registerLightTheme();
     registerDarkTheme();
 };
@@ -6567,13 +7213,15 @@ const zChartType = external_zod_namespaceObject.z["enum"]([
     'area',
     'areaPercent',
     'areaRange',
+    'scatter',
+    'dualAxis',
     'rose',
     'roseParallel',
     'pie',
     'donut',
-    'dualAxis',
-    'scatter',
-    'funnel'
+    'radar',
+    'funnel',
+    'heatmap'
 ]);
 const zDatum = external_zod_namespaceObject.z.record(external_zod_namespaceObject.z.string().or(external_zod_namespaceObject.z.number()), external_zod_namespaceObject.z.any());
 const zDataset = external_zod_namespaceObject.z.array(zDatum);
@@ -6777,6 +7425,9 @@ const zColor = external_zod_namespaceObject.z.object({
     colorScheme: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional(),
     colorMapping: external_zod_namespaceObject.z.record(external_zod_namespaceObject.z.string(), external_zod_namespaceObject.z.string()).optional()
 });
+const zLinearColor = external_zod_namespaceObject.z.object({
+    colorScheme: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional()
+});
 const zLabel = external_zod_namespaceObject.z.object({
     enable: external_zod_namespaceObject.z.boolean().default(true).optional()
 });
@@ -6834,6 +7485,31 @@ const zLegend = external_zod_namespaceObject.z.object({
     labelFontColor: external_zod_namespaceObject.z.string().default('#fff').optional(),
     labelFontWeight: external_zod_namespaceObject.z.number().or(external_zod_namespaceObject.z.string()).default(400).optional()
 });
+const zColorLegend = external_zod_namespaceObject.z.object({
+    position: external_zod_namespaceObject.z["enum"]([
+        'left',
+        'leftTop',
+        'leftBottom',
+        'lt',
+        'lb',
+        'top',
+        'topLeft',
+        'topRight',
+        'tl',
+        'tr',
+        'right',
+        'rightTop',
+        'rightBottom',
+        'rt',
+        'rb',
+        'bottom',
+        'bottomLeft',
+        'bottomRight',
+        'bl',
+        'br'
+    ]).default('bottom').optional(),
+    enable: external_zod_namespaceObject.z.boolean().default(true).optional()
+});
 const zTooltip = external_zod_namespaceObject.z.object({
     enable: external_zod_namespaceObject.z.boolean().default(true).optional()
 });
@@ -6898,22 +7574,6 @@ const zAreaConfig = external_zod_namespaceObject.z.object({
 });
 const zAreaPercentConfig = zAreaConfig;
 const zAreaRangeConfig = zAreaConfig;
-const zRoseConfig = external_zod_namespaceObject.z.object({
-    backgroundColor: zBackgroundColor.optional(),
-    label: zLabel.optional(),
-    color: zColor.optional(),
-    tooltip: zTooltip.optional(),
-    legend: zLegend.optional()
-});
-const zRoseParallelConfig = zRoseConfig;
-const zPieConfig = external_zod_namespaceObject.z.object({
-    backgroundColor: zBackgroundColor.optional(),
-    label: zLabel.optional(),
-    color: zColor.optional(),
-    tooltip: zTooltip.optional(),
-    legend: zLegend.optional()
-});
-const zDonutConfig = zPieConfig;
 const zDualAxisConfig = external_zod_namespaceObject.z.object({
     backgroundColor: zBackgroundColor.optional(),
     label: zLabel.optional(),
@@ -6931,13 +7591,25 @@ const zScatterConfig = external_zod_namespaceObject.z.object({
     yAxis: zYLinearAxis.optional(),
     crosshairLine: zCrosshairLine.optional()
 });
-const zFunnelConfig = external_zod_namespaceObject.z.object({
+const zRoseConfig = external_zod_namespaceObject.z.object({
     backgroundColor: zBackgroundColor.optional(),
+    label: zLabel.optional(),
     color: zColor.optional(),
     tooltip: zTooltip.optional(),
+    legend: zLegend.optional()
+});
+const zRoseParallelConfig = zRoseConfig;
+const zPieConfig = external_zod_namespaceObject.z.object({
+    backgroundColor: zBackgroundColor.optional(),
     label: zLabel.optional(),
+    color: zColor.optional(),
+    tooltip: zTooltip.optional(),
     legend: zLegend.optional()
 });
+const zDonutConfig = zPieConfig;
+const zRadarConfig = zPieConfig;
+const zFunnelConfig = zPieConfig;
+const zHeatmapConfig = zPieConfig;
 const zConfig = external_zod_namespaceObject.z.object({
     table: zTableConfig.optional(),
     pivotTable: zPivotTableConfig.optional(),
@@ -6951,13 +7623,15 @@ const zConfig = external_zod_namespaceObject.z.object({
     area: zAreaConfig.optional(),
     areaPercent: zAreaPercentConfig.optional(),
     areaRange: zAreaRangeConfig.optional(),
+    dualAxis: zDualAxisConfig.optional(),
+    scatter: zScatterConfig.optional(),
     rose: zRoseConfig.optional(),
     roseParallel: zRoseParallelConfig.optional(),
     pie: zPieConfig.optional(),
     donut: zDonutConfig.optional(),
-    dualAxis: zDualAxisConfig.optional(),
-    scatter: zScatterConfig.optional(),
-    funnel: zFunnelConfig.optional()
+    radar: zRadarConfig.optional(),
+    funnel: zFunnelConfig.optional(),
+    heatmap: zHeatmapConfig.optional()
 });
 const zAxis = external_zod_namespaceObject.z.object({
     visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
@@ -7111,7 +7785,7 @@ const zLineStyle = external_zod_namespaceObject.z.object({
         zSelector,
         zSelectors
     ]).optional(),
-    lineSmooth: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    lineSmooth: external_zod_namespaceObject.z.boolean().optional(),
     lineColor: external_zod_namespaceObject.z.string().optional(),
     lineColorOpacity: external_zod_namespaceObject.z.number().optional(),
     lineWidth: external_zod_namespaceObject.z.number().optional(),
@@ -7576,6 +8250,27 @@ const zAreaRange = external_zod_namespaceObject.z.object({
     annotationArea: external_zod_namespaceObject.z.array(zAnnotationArea).or(zAnnotationArea).optional(),
     locale: zLocale.optional()
 });
+const zScatter = external_zod_namespaceObject.z.object({
+    chartType: external_zod_namespaceObject.z.literal('scatter'),
+    dataset: zDataset.optional(),
+    dimensions: zDimensions.optional(),
+    measures: zMeasureTree.optional(),
+    backgroundColor: zBackgroundColor.optional(),
+    color: zColor.optional(),
+    label: zLabel.optional(),
+    legend: zLegend.optional(),
+    tooltip: zTooltip.optional(),
+    xAxis: zXLinearAxis.optional(),
+    yAxis: zYLinearAxis.optional(),
+    crosshairLine: zCrosshairLine.optional(),
+    theme: zTheme.optional(),
+    pointStyle: zPointStyle.optional(),
+    annotationPoint: external_zod_namespaceObject.z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
+    annotationVerticalLine: external_zod_namespaceObject.z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
+    annotationHorizontalLine: external_zod_namespaceObject.z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
+    annotationArea: external_zod_namespaceObject.z.array(zAnnotationArea).or(zAnnotationArea).optional(),
+    locale: zLocale.optional()
+});
 const zRose = external_zod_namespaceObject.z.object({
     chartType: external_zod_namespaceObject.z.literal('rose'),
     dataset: zDataset.optional(),
@@ -7628,8 +8323,8 @@ const zDonut = external_zod_namespaceObject.z.object({
     theme: zTheme.optional(),
     locale: zLocale.optional()
 });
-const zScatter = external_zod_namespaceObject.z.object({
-    chartType: external_zod_namespaceObject.z.literal('scatter'),
+const zRadar = external_zod_namespaceObject.z.object({
+    chartType: external_zod_namespaceObject.z.literal('radar'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
     measures: zMeasureTree.optional(),
@@ -7638,15 +8333,7 @@ const zScatter = external_zod_namespaceObject.z.object({
     label: zLabel.optional(),
     legend: zLegend.optional(),
     tooltip: zTooltip.optional(),
-    xAxis: zXLinearAxis.optional(),
-    yAxis: zYLinearAxis.optional(),
-    crosshairLine: zCrosshairLine.optional(),
     theme: zTheme.optional(),
-    pointStyle: zPointStyle.optional(),
-    annotationPoint: external_zod_namespaceObject.z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-    annotationVerticalLine: external_zod_namespaceObject.z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-    annotationHorizontalLine: external_zod_namespaceObject.z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-    annotationArea: external_zod_namespaceObject.z.array(zAnnotationArea).or(zAnnotationArea).optional(),
     locale: zLocale.optional()
 });
 const zFunnel = external_zod_namespaceObject.z.object({
@@ -7655,9 +8342,22 @@ const zFunnel = external_zod_namespaceObject.z.object({
     dimensions: zDimensions.optional(),
     measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
-    color: zColor.optional(),
+    color: zLinearColor.optional(),
     label: zLabel.optional(),
-    legend: zLegend.optional(),
+    legend: zColorLegend.optional(),
+    tooltip: zTooltip.optional(),
+    theme: zTheme.optional(),
+    locale: zLocale.optional()
+});
+const zHeatmap = external_zod_namespaceObject.z.object({
+    chartType: external_zod_namespaceObject.z.literal('heatmap'),
+    dataset: zDataset.optional(),
+    dimensions: zDimensions.optional(),
+    measures: zMeasureTree.optional(),
+    backgroundColor: zBackgroundColor.optional(),
+    color: zLinearColor.optional(),
+    label: zLabel.optional(),
+    legend: zColorLegend.optional(),
     tooltip: zTooltip.optional(),
     theme: zTheme.optional(),
     locale: zLocale.optional()
@@ -7675,12 +8375,14 @@ const zVSeed = external_zod_namespaceObject.z.discriminatedUnion('chartType', [
     zArea,
     zAreaPercent,
     zAreaRange,
+    zScatter,
     zPie,
+    zDonut,
     zRose,
     zRoseParallel,
-    zScatter,
-    zDonut,
-    zFunnel
+    zRadar,
+    zFunnel,
+    zHeatmap
 ]);
 const zAdvancedVSeed = external_zod_namespaceObject.z.object({
     chartType: zChartType,
@@ -7732,6 +8434,7 @@ exports.dataReshapeFor1D = __webpack_exports__.dataReshapeFor1D;
 exports.dataReshapeFor1D1M = __webpack_exports__.dataReshapeFor1D1M;
 exports.dataReshapeFor1D2M = __webpack_exports__.dataReshapeFor1D2M;
 exports.dataReshapeFor2D1M = __webpack_exports__.dataReshapeFor2D1M;
+exports.dataReshapeFor2D1M0Name = __webpack_exports__.dataReshapeFor2D1M0Name;
 exports.donutAdvancedPipeline = __webpack_exports__.donutAdvancedPipeline;
 exports.donutSpecPipeline = __webpack_exports__.donutSpecPipeline;
 exports.execPipeline = __webpack_exports__.execPipeline;
@@ -7744,6 +8447,8 @@ exports.findMeasureById = __webpack_exports__.findMeasureById;
 exports.foldMeasures = __webpack_exports__.foldMeasures;
 exports.funnelAdvancedPipeline = __webpack_exports__.funnelAdvancedPipeline;
 exports.funnelSpecPipeline = __webpack_exports__.funnelSpecPipeline;
+exports.heatmapAdvancedPipeline = __webpack_exports__.heatmapAdvancedPipeline;
+exports.heatmapSpecPipeline = __webpack_exports__.heatmapSpecPipeline;
 exports.i18n = __webpack_exports__.i18n;
 exports.intl = __webpack_exports__.intl;
 exports.isPivotChart = __webpack_exports__.isPivotChart;
@@ -7759,6 +8464,8 @@ exports.pieSpecPipeline = __webpack_exports__.pieSpecPipeline;
 exports.pivotTableAdvancedPipeline = __webpack_exports__.pivotTableAdvancedPipeline;
 exports.pivotTableSpecPipeline = __webpack_exports__.pivotTableSpecPipeline;
 exports.preorderTraverse = __webpack_exports__.preorderTraverse;
+exports.radarAdvancedPipeline = __webpack_exports__.radarAdvancedPipeline;
+exports.radarSpecPipeline = __webpack_exports__.radarSpecPipeline;
 exports.registerAll = __webpack_exports__.registerAll;
 exports.registerArea = __webpack_exports__.registerArea;
 exports.registerAreaPercent = __webpack_exports__.registerAreaPercent;
@@ -7773,10 +8480,12 @@ exports.registerCustomTheme = __webpack_exports__.registerCustomTheme;
 exports.registerDarkTheme = __webpack_exports__.registerDarkTheme;
 exports.registerDonut = __webpack_exports__.registerDonut;
 exports.registerFunnel = __webpack_exports__.registerFunnel;
+exports.registerHeatmap = __webpack_exports__.registerHeatmap;
 exports.registerLightTheme = __webpack_exports__.registerLightTheme;
 exports.registerLine = __webpack_exports__.registerLine;
 exports.registerPie = __webpack_exports__.registerPie;
 exports.registerPivotTable = __webpack_exports__.registerPivotTable;
+exports.registerRadar = __webpack_exports__.registerRadar;
 exports.registerRose = __webpack_exports__.registerRose;
 exports.registerRoseParallel = __webpack_exports__.registerRoseParallel;
 exports.registerScatter = __webpack_exports__.registerScatter;
@@ -7817,6 +8526,7 @@ exports.zBarPercentConfig = __webpack_exports__.zBarPercentConfig;
 exports.zBarStyle = __webpack_exports__.zBarStyle;
 exports.zChartType = __webpack_exports__.zChartType;
 exports.zColor = __webpack_exports__.zColor;
+exports.zColorLegend = __webpack_exports__.zColorLegend;
 exports.zColumn = __webpack_exports__.zColumn;
 exports.zColumnConfig = __webpack_exports__.zColumnConfig;
 exports.zColumnParallel = __webpack_exports__.zColumnParallel;
@@ -7842,11 +8552,14 @@ exports.zEncoding = __webpack_exports__.zEncoding;
 exports.zFoldInfo = __webpack_exports__.zFoldInfo;
 exports.zFunnel = __webpack_exports__.zFunnel;
 exports.zFunnelConfig = __webpack_exports__.zFunnelConfig;
+exports.zHeatmap = __webpack_exports__.zHeatmap;
+exports.zHeatmapConfig = __webpack_exports__.zHeatmapConfig;
 exports.zLabel = __webpack_exports__.zLabel;
 exports.zLegend = __webpack_exports__.zLegend;
 exports.zLine = __webpack_exports__.zLine;
 exports.zLineConfig = __webpack_exports__.zLineConfig;
 exports.zLineStyle = __webpack_exports__.zLineStyle;
+exports.zLinearColor = __webpack_exports__.zLinearColor;
 exports.zLocale = __webpack_exports__.zLocale;
 exports.zMarkStyle = __webpack_exports__.zMarkStyle;
 exports.zMeasure = __webpack_exports__.zMeasure;
@@ -7859,6 +8572,8 @@ exports.zPieConfig = __webpack_exports__.zPieConfig;
 exports.zPivotTable = __webpack_exports__.zPivotTable;
 exports.zPivotTableConfig = __webpack_exports__.zPivotTableConfig;
 exports.zPointStyle = __webpack_exports__.zPointStyle;
+exports.zRadar = __webpack_exports__.zRadar;
+exports.zRadarConfig = __webpack_exports__.zRadarConfig;
 exports.zRose = __webpack_exports__.zRose;
 exports.zRoseConfig = __webpack_exports__.zRoseConfig;
 exports.zRoseParallel = __webpack_exports__.zRoseParallel;
@@ -7914,6 +8629,7 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "dataReshapeFor1D1M",
     "dataReshapeFor1D2M",
     "dataReshapeFor2D1M",
+    "dataReshapeFor2D1M0Name",
     "donutAdvancedPipeline",
     "donutSpecPipeline",
     "execPipeline",
@@ -7926,6 +8642,8 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "foldMeasures",
     "funnelAdvancedPipeline",
     "funnelSpecPipeline",
+    "heatmapAdvancedPipeline",
+    "heatmapSpecPipeline",
     "i18n",
     "intl",
     "isPivotChart",
@@ -7941,6 +8659,8 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "pivotTableAdvancedPipeline",
     "pivotTableSpecPipeline",
     "preorderTraverse",
+    "radarAdvancedPipeline",
+    "radarSpecPipeline",
     "registerAll",
     "registerArea",
     "registerAreaPercent",
@@ -7955,10 +8675,12 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "registerDarkTheme",
     "registerDonut",
     "registerFunnel",
+    "registerHeatmap",
     "registerLightTheme",
     "registerLine",
     "registerPie",
     "registerPivotTable",
+    "registerRadar",
     "registerRose",
     "registerRoseParallel",
     "registerScatter",
@@ -7999,6 +8721,7 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "zBarStyle",
     "zChartType",
     "zColor",
+    "zColorLegend",
     "zColumn",
     "zColumnConfig",
     "zColumnParallel",
@@ -8024,11 +8747,14 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "zFoldInfo",
     "zFunnel",
     "zFunnelConfig",
+    "zHeatmap",
+    "zHeatmapConfig",
     "zLabel",
     "zLegend",
     "zLine",
     "zLineConfig",
     "zLineStyle",
+    "zLinearColor",
     "zLocale",
     "zMarkStyle",
     "zMeasure",
@@ -8041,6 +8767,8 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "zPivotTable",
     "zPivotTableConfig",
     "zPointStyle",
+    "zRadar",
+    "zRadarConfig",
     "zRose",
     "zRoseConfig",
     "zRoseParallel",