@visactor/vseed 0.0.22 → 0.0.24

package/dist/umd/index.js

@@ -31,16 +31,18 @@
         __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,
+            updateSpec: ()=>updateSpec,
             zCrosshairRect: ()=>zCrosshairRect,
             scatterSpecPipeline: ()=>scatterSpecPipeline,
             intl: ()=>intl,
@@ -75,6 +77,7 @@
             barPercentAdvancedPipeline: ()=>barPercentAdvancedPipeline,
             findAllDimensions: ()=>findAllDimensions,
             findDimensionById: ()=>findDimensionById,
+            zAreaRangeConfig: ()=>zAreaRangeConfig,
             zPivotTableConfig: ()=>zPivotTableConfig,
             zArea: ()=>zArea,
             zColumnParallel: ()=>zColumnParallel,
@@ -84,31 +87,32 @@
             zColumnParallelConfig: ()=>zColumnParallelConfig,
             donutSpecPipeline: ()=>donutSpecPipeline,
             registerAreaPercent: ()=>registerAreaPercent,
-            zTheme: ()=>zTheme,
+            zHeatmap: ()=>zHeatmap,
             zBarPercent: ()=>zBarPercent,
+            zTheme: ()=>zTheme,
             zDatum: ()=>zDatum,
             barAdvancedPipeline: ()=>barAdvancedPipeline,
             zCustomThemeConfig: ()=>zCustomThemeConfig,
             registerColumnPercent: ()=>registerColumnPercent,
-            zCrosshairLine: ()=>zCrosshairLine,
-            registerBarPercent: ()=>registerBarPercent,
+            registerHeatmap: ()=>registerHeatmap,
+            registerAreaRange: ()=>registerAreaRange,
             roseSpecPipeline: ()=>roseSpecPipeline,
-            zPivotTable: ()=>zPivotTable,
-            zSortAxis: ()=>zSortAxis,
+            dataReshapeFor2D1M0Name: ()=>dataReshapeFor2D1M0Name,
+            registerBarPercent: ()=>registerBarPercent,
             registerLightTheme: ()=>registerLightTheme,
             roseAdvancedPipeline: ()=>roseAdvancedPipeline,
             zBarParallel: ()=>zBarParallel,
             zAnnotationVerticalLine: ()=>zAnnotationVerticalLine,
-            zChartType: ()=>zChartType,
+            registerPivotTable: ()=>registerPivotTable,
             tableAdvancedPipeline: ()=>tableAdvancedPipeline,
             registerDarkTheme: ()=>registerDarkTheme,
-            registerPivotTable: ()=>registerPivotTable,
             pieSpecPipeline: ()=>pieSpecPipeline,
-            zMeasureTree: ()=>zMeasureTree,
+            zChartType: ()=>zChartType,
+            zCrosshairLine: ()=>zCrosshairLine,
             barSpecPipeline: ()=>barSpecPipeline,
-            zStackCornerRadius: ()=>zStackCornerRadius,
+            zMeasureTree: ()=>zMeasureTree,
             registerRose: ()=>registerRose,
-            zRose: ()=>zRose,
+            zPivotTable: ()=>zPivotTable,
             unfoldDimensions: ()=>unfoldDimensions,
             roseParallelAdvancedPipeline: ()=>roseParallelAdvancedPipeline,
             registerTable: ()=>registerTable,
@@ -118,29 +122,37 @@
             registerAll: ()=>registerAll,
             registerBar: ()=>registerBar,
             isVChart: ()=>isVChart,
+            radarSpecPipeline: ()=>radarSpecPipeline,
             zPieConfig: ()=>zPieConfig,
-            zTable: ()=>zTable,
+            zRadar: ()=>zRadar,
+            zRose: ()=>zRose,
+            zStackCornerRadius: ()=>zStackCornerRadius,
             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,
+            zUnfoldInfo: ()=>zUnfoldInfo,
             zAreaStyle: ()=>zAreaStyle,
             ORIGINAL_DATA: ()=>ORIGINAL_DATA,
             zAnnotationArea: ()=>zAnnotationArea,
@@ -150,6 +162,7 @@
             zAnnotationPoint: ()=>zAnnotationPoint,
             lightTheme: ()=>lightTheme,
             registerColumnParallel: ()=>registerColumnParallel,
+            updateAdvanced: ()=>updateAdvanced,
             zDimension: ()=>zDimension,
             isPivotChart: ()=>isPivotChart,
             zDualAxisConfig: ()=>zDualAxisConfig,
@@ -158,16 +171,22 @@
             zLineConfig: ()=>zLineConfig,
             zTableConfig: ()=>zTableConfig,
             zXBandAxis: ()=>zXBandAxis,
+            dataReshapeFor1D: ()=>dataReshapeFor1D,
             zColumnPercentConfig: ()=>zColumnPercentConfig,
             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,
             registerScatter: ()=>registerScatter,
             zEncoding: ()=>zEncoding,
             autoNumFormatter: ()=>autoNumFormatter,
@@ -191,9 +210,9 @@
             zBarParallelConfig: ()=>zBarParallelConfig,
             barParallelAdvancedPipeline: ()=>barParallelAdvancedPipeline,
             FoldMeasureValue: ()=>FoldMeasureValue,
-            zBarPercentConfig: ()=>zBarPercentConfig,
             barPercentSpecPipeline: ()=>barPercentSpecPipeline,
             lineAdvancedPipeline: ()=>lineAdvancedPipeline,
+            zBarPercentConfig: ()=>zBarPercentConfig,
             lineSpecPipeline: ()=>lineSpecPipeline,
             zTooltip: ()=>zTooltip,
             createFormatter: ()=>createFormatter,
@@ -1135,6 +1154,51 @@
                 }));
             return result;
         };
+        const autoMeasuresBy2M1Group = (advancedVSeed, context)=>{
+            const result = {
+                ...advancedVSeed
+            };
+            const { vseed } = context;
+            const { measures, dataset } = vseed;
+            if (!dataset) throw new Error('dataset is required');
+            if (0 === dataset.length) return result;
+            if (measures) {
+                result.measures = auto2M1Group(measures);
+                return result;
+            }
+            const top100dataset = dataset.slice(0, 100);
+            const sample = top100dataset.reduce((prev, cur)=>({
+                    ...prev,
+                    ...cur
+                }), {});
+            const newMeasures = Object.keys(sample).filter((key)=>top100dataset.some((item)=>'number' == typeof item[key]) && ![
+                    '',
+                    null,
+                    void 0
+                ].includes(key)).map((measure)=>({
+                    id: measure,
+                    alias: measure
+                }));
+            result.measures = auto2M1Group(newMeasures);
+            return result;
+        };
+        const auto2M1Group = (measures)=>{
+            const allMeasures = findAllMeasures(measures);
+            if (allMeasures.length <= 2) return allMeasures;
+            const groups = measures.filter((measure)=>'children' in measure);
+            const singleMeasures = measures.filter((measure)=>!('children' in measure));
+            for(let i = 0; i < singleMeasures.length; i += 2){
+                const group = autoMeasuresBy2M1Group_createEmptyMeasureGroup();
+                group.children = allMeasures.slice(i, i + 2);
+                groups.push(group);
+            }
+            return groups;
+        };
+        const autoMeasuresBy2M1Group_createEmptyMeasureGroup = ()=>({
+                id: '',
+                alias: '',
+                children: []
+            });
         const FoldMeasureName = '__MeaName__';
         const FoldMeasureValue = '__MeaValue__';
         const FoldMeasureId = '__MeaId__';
@@ -1246,10 +1310,10 @@
             for(let i = 0; i < dataset.length; i++){
                 const datum = dataset[i];
                 const colorName = generateDimGroupName(dimensionsToBeUnfolded, datum, dimensionsSeparator);
-                const colorId = [
+                const colorId = datum[foldMeasureId] ? [
                     colorName,
-                    datum[foldMeasureId] || 'id'
-                ].join(dimensionsSeparator);
+                    datum[foldMeasureId]
+                ].join(dimensionsSeparator) : colorName;
                 datum[unfoldGroupName] = colorName;
                 datum[unfoldGroupId] = colorId;
                 colorItems.push(colorId);
@@ -1509,6 +1573,148 @@
                 };
             }
         };
+        const dataReshapeFor1D_emptyReshapeResult = {
+            dataset: [],
+            foldInfo: {
+                foldMap: {},
+                measureId: '',
+                measureName: '',
+                measureValue: ''
+            },
+            unfoldInfo: {
+                groupName: '',
+                groupId: '',
+                colorItems: [],
+                colorIdMap: {}
+            }
+        };
+        const dataReshapeFor1D = (dataset, dimensions, measures, options)=>{
+            const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, unfoldDimensionGroup = UnfoldDimensionGroup, unfoldDimensionGroupId = UnfoldDimensionGroupId } = options || {};
+            if (0 === dimensions.length && 0 === measures.length) return dataReshapeFor1D_emptyReshapeResult;
+            if (0 === dimensions.length) {
+                const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(dataset, [], [], 0, unfoldDimensionGroup, unfoldDimensionGroupId, foldMeasureId);
+                return {
+                    dataset: finalDataset,
+                    foldInfo: {
+                        foldMap: {},
+                        measureId: foldMeasureId,
+                        measureName: foldMeasureName,
+                        measureValue: foldMeasureValue
+                    },
+                    unfoldInfo
+                };
+            }
+            {
+                const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(dataset, [
+                    ...dimensions
+                ], [
+                    {
+                        id: foldMeasureValue,
+                        alias: i18n`指标值`
+                    }
+                ], 0, unfoldDimensionGroup, unfoldDimensionGroupId, foldMeasureId);
+                return {
+                    dataset: finalDataset,
+                    foldInfo: {
+                        foldMap: {},
+                        measureId: foldMeasureId,
+                        measureName: foldMeasureName,
+                        measureValue: foldMeasureValue
+                    },
+                    unfoldInfo
+                };
+            }
+        };
+        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 = chunk_QJLMYOTX_i(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
@@ -1533,6 +1739,30 @@
                 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
@@ -1577,6 +1807,108 @@
                 ]
             };
         };
+        const reshapeTo1D = (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 } = dataReshapeFor1D(dataset, dimensions, measures);
+            return {
+                ...result,
+                dataset: newDatasets,
+                datasetReshapeInfo: [
+                    {
+                        id: '1D2M',
+                        foldInfo,
+                        unfoldInfo
+                    }
+                ]
+            };
+        };
+        const pivotReshapeTo2D1M = (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 } = dataReshapeFor2D1M(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 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
@@ -1657,7 +1989,7 @@
                 datasetReshapeInfo: datasetReshapeInfo
             };
         };
-        const pivotReshapeTo2D1M = (advancedVSeed, context)=>{
+        const pivotReshapeTo1D = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
             };
@@ -1670,14 +2002,14 @@
             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 } = dataReshapeFor1D(dataset, commonDimensions, measures, {
                     foldMeasureId: FoldMeasureId,
                     foldMeasureName: FoldMeasureName,
                     foldMeasureValue: FoldMeasureValue + groupId,
@@ -1807,6 +2139,74 @@
                 encoding
             };
         };
+        const encodingXYY = (advancedVSeed)=>{
+            const result = {
+                ...advancedVSeed
+            };
+            const { datasetReshapeInfo, dimensions, measures } = advancedVSeed;
+            if (!datasetReshapeInfo || !dimensions || !measures) return result;
+            const encoding = datasetReshapeInfo.reduce((prev, cur, index)=>{
+                const measure = measures[index];
+                if ('children' in measure) {
+                    const m1 = measure.children?.[0];
+                    const m2 = measure.children?.[1] || m1;
+                    const { foldInfo, unfoldInfo } = cur;
+                    const x = [
+                        unfoldInfo.groupId
+                    ];
+                    const y = [
+                        m1?.id,
+                        m2?.id
+                    ];
+                    const group = [
+                        unfoldInfo.groupId
+                    ];
+                    const color = [
+                        foldInfo.measureName
+                    ];
+                    return [
+                        ...prev,
+                        {
+                            x,
+                            y,
+                            group,
+                            color
+                        }
+                    ];
+                }
+                {
+                    const m1 = measures[index];
+                    const m2 = measures[index + 1] || m1;
+                    const { foldInfo, unfoldInfo } = cur;
+                    const x = [
+                        unfoldInfo.groupId
+                    ];
+                    const y = [
+                        m1.id,
+                        m2.id
+                    ];
+                    const group = [
+                        unfoldInfo.groupId
+                    ];
+                    const color = [
+                        foldInfo.measureName
+                    ];
+                    return [
+                        ...prev,
+                        {
+                            x,
+                            y,
+                            group,
+                            color
+                        }
+                    ];
+                }
+            }, []);
+            return {
+                ...result,
+                encoding
+            };
+        };
         const encodingRose = (advancedVSeed)=>{
             const result = {
                 ...advancedVSeed
@@ -1880,6 +2280,43 @@
                 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
@@ -2001,6 +2438,8 @@
         const roseConfig = pieConfig;
         const roseParallelConfig = pieConfig;
         const funnelConfig = pieConfig;
+        const heatmapConfig = pieConfig;
+        const radarConfig = pieConfig;
         function chunk_BZNENX2T_r(o) {
             if ("object" != typeof o || null === o) return !1;
             let e = Object.getPrototypeOf(o);
@@ -2190,9 +2629,9 @@
             autoMeasures,
             autoDimensions,
             pivotAdapter([
-                reshapeTo2D1M
+                reshapeTo2D1M0Name
             ], [
-                pivotReshapeTo2D1M
+                pivotReshapeTo2D1M0Name
             ]),
             encodingXY,
             sortXBandAxis,
@@ -2309,9 +2748,9 @@
             autoMeasures,
             autoDimensions,
             pivotAdapter([
-                reshapeTo2D1M
+                reshapeTo2D1M0Name
             ], [
-                pivotReshapeTo2D1M
+                pivotReshapeTo2D1M0Name
             ]),
             encodingXY,
             sortXBandAxis,
@@ -2326,9 +2765,9 @@
             autoMeasures,
             autoDimensions,
             pivotAdapter([
-                reshapeTo2D1M
+                reshapeTo2D1M0Name
             ], [
-                pivotReshapeTo2D1M
+                pivotReshapeTo2D1M0Name
             ]),
             encodingXY,
             sortXBandAxis,
@@ -2338,6 +2777,22 @@
             markStyle_markStyle,
             annotation_annotation
         ];
+        const areaRangeAdvancedPipeline = [
+            initAdvancedVSeed,
+            autoMeasuresBy2M1Group,
+            autoDimensions,
+            pivotAdapter([
+                reshapeTo1D
+            ], [
+                pivotReshapeTo1D
+            ]),
+            encodingXYY,
+            sortXBandAxis,
+            areaConfig,
+            theme_theme,
+            markStyle_markStyle,
+            annotation_annotation
+        ];
         const pieAdvancedPipeline = [
             initAdvancedVSeed,
             autoMeasures,
@@ -2390,37 +2845,69 @@
             ], [
                 pivotReshapeTo2D1M
             ]),
-            encodingRose,
-            roseParallelConfig,
+            encodingRose,
+            roseParallelConfig,
+            theme_theme,
+            markStyle_markStyle,
+            annotation_annotation
+        ];
+        const funnelAdvancedPipeline = [
+            initAdvancedVSeed,
+            autoMeasures,
+            autoDimensions,
+            pivotAdapter([
+                reshapeTo1D1M
+            ], [
+                pivotReshapeTo1D1M
+            ]),
+            encodingFunnel,
+            funnelConfig,
+            theme_theme,
+            annotation_annotation
+        ];
+        const scatterAdvancedPipeline = [
+            initAdvancedVSeed,
+            autoMeasures,
+            autoDimensions,
+            pivotAdapter([
+                reshapeTo1D2M
+            ], [
+                pivotReshapeTo1D2M
+            ]),
+            encodingYY,
+            scatterConfig,
             theme_theme,
             markStyle_markStyle,
             annotation_annotation
         ];
-        const funnelAdvancedPipeline = [
+        const heatmapAdvancedPipeline = [
             initAdvancedVSeed,
             autoMeasures,
             autoDimensions,
             pivotAdapter([
-                reshapeTo1D1M
+                reshapeTo2D1M
             ], [
-                pivotReshapeTo1D1M
+                pivotReshapeTo2D1M
             ]),
-            encodingFunnel,
-            funnelConfig,
+            encodingXY,
+            sortXBandAxis,
+            heatmapConfig,
             theme_theme,
+            markStyle_markStyle,
             annotation_annotation
         ];
-        const scatterAdvancedPipeline = [
+        const radarAdvancedPipeline = [
             initAdvancedVSeed,
             autoMeasures,
             autoDimensions,
             pivotAdapter([
-                reshapeTo1D2M
+                reshapeTo2D1M0Name
             ], [
-                pivotReshapeTo1D2M
+                pivotReshapeTo2D1M0Name
             ]),
-            encodingYY,
-            scatterConfig,
+            encodingAR,
+            sort_sortLegend,
+            radarConfig,
             theme_theme,
             markStyle_markStyle,
             annotation_annotation
@@ -2578,7 +3065,7 @@
             theme_theme
         ];
         const dataset_dataset = (spec, context)=>{
-            const { advancedVSeed } = context;
+            const { advancedVSeed, vseed } = context;
             const { encoding, analysis, datasetReshapeInfo } = advancedVSeed;
             const { orderMapping = {} } = analysis ?? {};
             const angle = encoding[0]?.angle?.[0];
@@ -2627,7 +3114,7 @@
                 ...spec,
                 data: {
                     id,
-                    values: advancedVSeed.dataset,
+                    values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset,
                     fields: fields
                 }
             };
@@ -2736,6 +3223,88 @@
             result.animation = true;
             return result;
         };
+        const initAreaRange = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { encoding } = advancedVSeed;
+            if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+            const { color } = advancedVSeed.config.areaRange;
+            result.type = 'rangeArea';
+            result.direction = 'vertical';
+            result.stack = false;
+            result.xField = encoding[0].x[0];
+            result.yField = [
+                encoding[0].y[0],
+                encoding[0].y[1]
+            ];
+            result.animation = true;
+            result.area = {
+                style: {
+                    fill: color.colorScheme?.[0]
+                }
+            };
+            return result;
+        };
+        const initAreaRangeLine1 = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { encoding } = advancedVSeed;
+            if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+            const { color } = advancedVSeed.config.areaRange;
+            result.type = 'line';
+            result.direction = 'vertical';
+            result.stack = false;
+            result.xField = encoding[0].x[0];
+            result.yField = [
+                encoding[0].y[0]
+            ];
+            result.animation = true;
+            result.line = {
+                style: {
+                    stroke: color.colorScheme?.[0]
+                }
+            };
+            result.point = {
+                style: {
+                    visible: false,
+                    fill: color.colorScheme?.[0]
+                }
+            };
+            return result;
+        };
+        const initAreaRangeLine2 = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { encoding } = advancedVSeed;
+            if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+            const { color } = advancedVSeed.config.areaRange;
+            result.type = 'line';
+            result.direction = 'vertical';
+            result.stack = false;
+            result.xField = encoding[0].x[0];
+            result.yField = [
+                encoding[0].y[1]
+            ];
+            result.animation = true;
+            result.line = {
+                style: {
+                    stroke: color.colorScheme?.[0]
+                }
+            };
+            result.point = {
+                style: {
+                    visible: false,
+                    fill: color.colorScheme?.[0]
+                }
+            };
+            return result;
+        };
         const initLine = (spec, context)=>{
             const result = {
                 ...spec
@@ -2927,21 +3496,46 @@
             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 = {
@@ -2979,26 +3573,21 @@
             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 = {
@@ -3361,7 +3950,7 @@
             };
             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);
@@ -3392,7 +3981,7 @@
             };
             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);
@@ -3428,6 +4017,59 @@
             });
             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
@@ -3474,7 +4116,9 @@
             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;
@@ -5034,6 +5678,21 @@
             };
             return result;
         };
+        const series = (...args)=>{
+            const result = {
+                type: 'common',
+                padding: 0,
+                region: [
+                    {
+                        clip: true
+                    }
+                ]
+            };
+            return (_, context)=>{
+                result.series = args.map((pipeline)=>execPipeline(pipeline, context, {}));
+                return result;
+            };
+        };
         const line_line = [
             initLine,
             color_color,
@@ -5374,11 +6033,65 @@
         const barPercentSpecPipeline = [
             pivotAdapter_pivotAdapter(barPercent, pivotBarPercent)
         ];
-        const area_area = [
+        const area_area = [
+            initArea,
+            stackInverse,
+            color_color,
+            background_backgroundColor,
+            dataset_dataset,
+            xBand,
+            yLinear,
+            label_label,
+            tooltip_tooltip,
+            verticalCrosshairLine,
+            discreteLegend,
+            pointStyle_pointStyle,
+            pointStateDimensionHover,
+            lineStyle_lineStyle,
+            areaStyle_areaStyle,
+            annotationPoint_annotationPoint,
+            annotationVerticalLine_annotationVerticalLine,
+            annotationHorizontalLine_annotationHorizontalLine,
+            annotationArea_annotationArea
+        ];
+        const pivotArea = [
+            initPivot,
+            pivotGridStyle,
+            pivotIndicators_pivotIndicatorsAsRow,
+            datasetPivot,
+            pivotIndicators([
+                initArea,
+                color_color,
+                background_backgroundColor,
+                stackInverse,
+                dataset_dataset,
+                xBand,
+                yLinear,
+                label_label,
+                tooltip_tooltip,
+                verticalCrosshairLine,
+                pointStyle_pointStyle,
+                pointStateDimensionHover,
+                lineStyle_lineStyle,
+                areaStyle_areaStyle,
+                annotationPoint_annotationPoint,
+                annotationVerticalLine_annotationVerticalLine,
+                annotationHorizontalLine_annotationHorizontalLine,
+                annotationArea_annotationArea
+            ]),
+            pivotRowDimensions,
+            pivotColumnDimensions,
+            pivotDiscreteLegend
+        ];
+        const areaSpecPipeline = [
+            pivotAdapter_pivotAdapter(area_area, pivotArea)
+        ];
+        const areaPercent = [
             initArea,
             stackInverse,
             color_color,
             background_backgroundColor,
+            percent,
             dataset_dataset,
             xBand,
             yLinear,
@@ -5387,7 +6100,6 @@
             verticalCrosshairLine,
             discreteLegend,
             pointStyle_pointStyle,
-            pointStateDimensionHover,
             lineStyle_lineStyle,
             areaStyle_areaStyle,
             annotationPoint_annotationPoint,
@@ -5395,16 +6107,17 @@
             annotationHorizontalLine_annotationHorizontalLine,
             annotationArea_annotationArea
         ];
-        const pivotArea = [
+        const pivotAreaPercent = [
             initPivot,
             pivotGridStyle,
             pivotIndicators_pivotIndicatorsAsRow,
             datasetPivot,
             pivotIndicators([
                 initArea,
+                stackInverse,
                 color_color,
                 background_backgroundColor,
-                stackInverse,
+                percent,
                 dataset_dataset,
                 xBand,
                 yLinear,
@@ -5412,7 +6125,6 @@
                 tooltip_tooltip,
                 verticalCrosshairLine,
                 pointStyle_pointStyle,
-                pointStateDimensionHover,
                 lineStyle_lineStyle,
                 areaStyle_areaStyle,
                 annotationPoint_annotationPoint,
@@ -5424,50 +6136,109 @@
             pivotColumnDimensions,
             pivotDiscreteLegend
         ];
-        const areaSpecPipeline = [
-            pivotAdapter_pivotAdapter(area_area, pivotArea)
+        const areaPercentSpecPipeline = [
+            pivotAdapter_pivotAdapter(areaPercent, pivotAreaPercent)
         ];
-        const areaPercent = [
-            initArea,
-            stackInverse,
+        const areaRange = [
+            series([
+                initAreaRange,
+                areaStyle_areaStyle
+            ], [
+                initAreaRangeLine1,
+                lineStyle_lineStyle,
+                pointStyle_pointStyle,
+                pointStateDimensionHover
+            ], [
+                initAreaRangeLine2,
+                lineStyle_lineStyle,
+                pointStyle_pointStyle,
+                pointStateDimensionHover
+            ]),
+            dataset_dataset,
+            background_backgroundColor,
+            xBand,
+            yLinear,
+            label_label,
+            verticalCrosshairLine,
+            annotationPoint_annotationPoint,
+            annotationVerticalLine_annotationVerticalLine,
+            annotationHorizontalLine_annotationHorizontalLine,
+            annotationArea_annotationArea
+        ];
+        const pivotAreaRange = [
+            initPivot,
+            pivotGridStyle,
+            pivotIndicators_pivotIndicatorsAsRow,
+            datasetPivot,
+            pivotIndicators([
+                series([
+                    initAreaRange,
+                    areaStyle_areaStyle
+                ], [
+                    initAreaRangeLine1,
+                    lineStyle_lineStyle,
+                    pointStyle_pointStyle,
+                    pointStateDimensionHover
+                ], [
+                    initAreaRangeLine2,
+                    lineStyle_lineStyle,
+                    pointStyle_pointStyle,
+                    pointStateDimensionHover
+                ]),
+                background_backgroundColor,
+                dataset_dataset,
+                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,
-            percent,
             dataset_dataset,
-            xBand,
+            xLinear,
             yLinear,
             label_label,
             tooltip_tooltip,
             verticalCrosshairLine,
+            horizontalCrosshairLine,
             discreteLegend,
             pointStyle_pointStyle,
-            lineStyle_lineStyle,
-            areaStyle_areaStyle,
+            pointStateHover,
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
             annotationArea_annotationArea
         ];
-        const pivotAreaPercent = [
+        const pivotScatter = [
             initPivot,
             pivotGridStyle,
             pivotIndicators_pivotIndicatorsAsRow,
             datasetPivot,
             pivotIndicators([
-                initArea,
-                stackInverse,
+                initScatter,
                 color_color,
                 background_backgroundColor,
-                percent,
                 dataset_dataset,
-                xBand,
+                xLinear,
                 yLinear,
                 label_label,
                 tooltip_tooltip,
                 verticalCrosshairLine,
+                horizontalCrosshairLine,
                 pointStyle_pointStyle,
-                lineStyle_lineStyle,
-                areaStyle_areaStyle,
+                pointStateHover,
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
@@ -5477,8 +6248,8 @@
             pivotColumnDimensions,
             pivotDiscreteLegend
         ];
-        const areaPercentSpecPipeline = [
-            pivotAdapter_pivotAdapter(areaPercent, pivotAreaPercent)
+        const scatterSpecPipeline = [
+            pivotAdapter_pivotAdapter(scatter, pivotScatter)
         ];
         const pie = [
             initPie,
@@ -5638,6 +6409,49 @@
         const roseParallelSpecPipeline = [
             pivotAdapter_pivotAdapter(roseParallel, pivotRoseParallel)
         ];
+        const radar = [
+            initRadar,
+            color_color,
+            background_backgroundColor,
+            dataset_dataset,
+            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,
+                dataset_dataset,
+                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,
             color_color,
@@ -5675,43 +6489,43 @@
         const funnelSpecPipeline = [
             pivotAdapter_pivotAdapter(funnel, pivotFunnel)
         ];
-        const scatter = [
-            initScatter,
+        const heatmap = [
+            initLine,
             color_color,
             background_backgroundColor,
             dataset_dataset,
-            xLinear,
+            xBand,
             yLinear,
             label_label,
             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,
+                initLine,
                 color_color,
                 background_backgroundColor,
                 dataset_dataset,
-                xLinear,
+                xBand,
                 yLinear,
                 label_label,
                 tooltip_tooltip,
                 verticalCrosshairLine,
-                horizontalCrosshairLine,
                 pointStyle_pointStyle,
-                pointStateHover,
+                pointStateDimensionHover,
+                lineStyle_lineStyle,
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
@@ -5721,8 +6535,8 @@
             pivotColumnDimensions,
             pivotDiscreteLegend
         ];
-        const scatterSpecPipeline = [
-            pivotAdapter_pivotAdapter(scatter, pivotScatter)
+        const heatmapSpecPipeline = [
+            pivotAdapter_pivotAdapter(heatmap, pivotHeatmap)
         ];
         const initTable = (spec, context)=>{
             const { advancedVSeed } = context;
@@ -6541,8 +7355,18 @@
             build = ()=>build(this);
             buildSpec = (advanced)=>buildSpec(this, advanced);
             buildAdvanced = ()=>buildAdvanced(this);
-            getAdvancedPipeline = (chartType)=>Builder._advancedPipelineMap[chartType];
-            getSpecPipeline = (chartType)=>Builder._specPipelineMap[chartType];
+            getAdvancedPipeline = (chartType)=>{
+                const customPipe = Builder._customAdvancedPipe[chartType];
+                const pipeline = Builder._advancedPipelineMap[chartType];
+                if (customPipe) pipeline.push(customPipe);
+                return pipeline;
+            };
+            getSpecPipeline = (chartType)=>{
+                const customPipe = Builder._customSpecPipe[chartType];
+                const pipeline = Builder._specPipelineMap[chartType];
+                if (customPipe) pipeline.push(customPipe);
+                return pipeline;
+            };
             getTheme = (themeKey)=>Builder._themeMap[themeKey];
             getThemeMap = ()=>Builder._themeMap;
             getColorItems = ()=>getColorItems(this);
@@ -6567,6 +7391,8 @@
             }
             static _advancedPipelineMap = {};
             static _specPipelineMap = {};
+            static _customAdvancedPipe = {};
+            static _customSpecPipe = {};
             static _themeMap = {};
             static from = (vseed)=>new Builder(vseed);
         }
@@ -6590,6 +7416,10 @@
             Builder._advancedPipelineMap.areaPercent = areaPercentAdvancedPipeline;
             Builder._specPipelineMap.areaPercent = areaPercentSpecPipeline;
         };
+        const registerAreaRange = ()=>{
+            Builder._advancedPipelineMap.areaRange = areaRangeAdvancedPipeline;
+            Builder._specPipelineMap.areaRange = areaRangeSpecPipeline;
+        };
         const registerBarPercent = ()=>{
             Builder._advancedPipelineMap.barPercent = barPercentAdvancedPipeline;
             Builder._specPipelineMap.barPercent = barPercentSpecPipeline;
@@ -6638,6 +7468,14 @@
             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,
@@ -6882,6 +7720,12 @@
                         yAxis: linearAxis,
                         crosshairLine
                     },
+                    areaRange: {
+                        ...baseConfig,
+                        xAxis: bandAxis,
+                        yAxis: linearAxis,
+                        crosshairLine
+                    },
                     scatter: {
                         ...baseConfig,
                         xAxis: {
@@ -6906,6 +7750,9 @@
                     donut: {
                         ...baseConfig
                     },
+                    radar: {
+                        ...baseConfig
+                    },
                     rose: {
                         ...baseConfig
                     },
@@ -7175,6 +8022,12 @@
                         yAxis: linearAxis,
                         crosshairLine: crosshairLine
                     },
+                    areaRange: {
+                        ...baseConfig,
+                        xAxis: bandAxis,
+                        yAxis: linearAxis,
+                        crosshairLine: crosshairLine
+                    },
                     scatter: {
                         ...baseConfig,
                         xAxis: {
@@ -7199,6 +8052,9 @@
                     donut: {
                         ...baseConfig
                     },
+                    radar: {
+                        ...baseConfig
+                    },
                     rose: {
                         ...baseConfig
                     },
@@ -7239,6 +8095,8 @@
             registerCustomTheme('dark', darkTheme());
         };
         const registerAll = ()=>{
+            registerTable();
+            registerPivotTable();
             registerLine();
             registerColumn();
             registerColumnParallel();
@@ -7248,17 +8106,24 @@
             registerBarPercent();
             registerArea();
             registerAreaPercent();
+            registerAreaRange();
+            registerScatter();
             registerPie();
             registerDonut();
             registerRose();
             registerRoseParallel();
+            registerRadar();
             registerFunnel();
-            registerScatter();
-            registerTable();
-            registerPivotTable();
+            registerHeatmap();
             registerLightTheme();
             registerDarkTheme();
         };
+        const updateAdvanced = (chartType, advancedPipe)=>{
+            Builder._customAdvancedPipe[chartType] = advancedPipe;
+        };
+        const updateSpec = (chartType, specPipe)=>{
+            Builder._customSpecPipe[chartType] = specPipe;
+        };
         const NEVER = Object.freeze({
             status: "aborted"
         });
@@ -12076,13 +12941,16 @@
             'barParallel',
             'area',
             'areaPercent',
+            'areaRange',
+            'scatter',
+            'dualAxis',
             'rose',
             'roseParallel',
             'pie',
             'donut',
-            'dualAxis',
-            'scatter',
-            'funnel'
+            'radar',
+            'funnel',
+            'heatmap'
         ]);
         const zDatum = record(schemas_string().or(schemas_number()), any());
         const zDataset = schemas_array(zDatum);
@@ -12406,22 +13274,7 @@
             crosshairLine: zCrosshairLine.optional()
         });
         const zAreaPercentConfig = zAreaConfig;
-        const zRoseConfig = schemas_object({
-            backgroundColor: zBackgroundColor.optional(),
-            label: zLabel.optional(),
-            color: zColor.optional(),
-            tooltip: zTooltip.optional(),
-            legend: zLegend.optional()
-        });
-        const zRoseParallelConfig = zRoseConfig;
-        const zPieConfig = schemas_object({
-            backgroundColor: zBackgroundColor.optional(),
-            label: zLabel.optional(),
-            color: zColor.optional(),
-            tooltip: zTooltip.optional(),
-            legend: zLegend.optional()
-        });
-        const zDonutConfig = zPieConfig;
+        const zAreaRangeConfig = zAreaConfig;
         const zDualAxisConfig = schemas_object({
             backgroundColor: zBackgroundColor.optional(),
             label: zLabel.optional(),
@@ -12439,13 +13292,25 @@
             yAxis: zYLinearAxis.optional(),
             crosshairLine: zCrosshairLine.optional()
         });
-        const zFunnelConfig = schemas_object({
+        const zRoseConfig = schemas_object({
             backgroundColor: zBackgroundColor.optional(),
+            label: zLabel.optional(),
             color: zColor.optional(),
             tooltip: zTooltip.optional(),
+            legend: zLegend.optional()
+        });
+        const zRoseParallelConfig = zRoseConfig;
+        const zPieConfig = schemas_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 = schemas_object({
             table: zTableConfig.optional(),
             pivotTable: zPivotTableConfig.optional(),
@@ -12458,13 +13323,16 @@
             barPercent: zBarPercentConfig.optional(),
             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 = schemas_object({
             visible: schemas_boolean().default(true).optional(),
@@ -18772,6 +19640,47 @@
             annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).optional(),
             locale: zLocale.optional()
         });
+        const zAreaRange = schemas_object({
+            chartType: literal('areaRange'),
+            dataset: zDataset.optional(),
+            dimensions: zDimensions.optional(),
+            measures: zMeasureTree.optional(),
+            backgroundColor: zBackgroundColor.optional(),
+            label: zLabel.optional(),
+            xAxis: zXBandAxis.optional(),
+            yAxis: zYLinearAxis.optional(),
+            crosshairLine: zCrosshairLine.optional(),
+            theme: zTheme.optional(),
+            pointStyle: zPointStyle.optional(),
+            lineStyle: zLineStyle.optional(),
+            areaStyle: zAreaStyle.optional(),
+            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
+            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
+            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
+            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).optional(),
+            locale: zLocale.optional()
+        });
+        const zScatter = schemas_object({
+            chartType: 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: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
+            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
+            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
+            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).optional(),
+            locale: zLocale.optional()
+        });
         const zRose = schemas_object({
             chartType: literal('rose'),
             dataset: zDataset.optional(),
@@ -18824,8 +19733,8 @@
             theme: zTheme.optional(),
             locale: zLocale.optional()
         });
-        const zScatter = schemas_object({
-            chartType: literal('scatter'),
+        const zRadar = schemas_object({
+            chartType: literal('radar'),
             dataset: zDataset.optional(),
             dimensions: zDimensions.optional(),
             measures: zMeasureTree.optional(),
@@ -18834,15 +19743,7 @@
             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: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).optional(),
             locale: zLocale.optional()
         });
         const zFunnel = schemas_object({
@@ -18858,6 +19759,19 @@
             theme: zTheme.optional(),
             locale: zLocale.optional()
         });
+        const zHeatmap = schemas_object({
+            chartType: literal('heatmap'),
+            dataset: zDataset.optional(),
+            dimensions: zDimensions.optional(),
+            measures: zMeasureTree.optional(),
+            backgroundColor: zBackgroundColor.optional(),
+            color: zColor.optional(),
+            label: zLabel.optional(),
+            legend: zLegend.optional(),
+            tooltip: zTooltip.optional(),
+            theme: zTheme.optional(),
+            locale: zLocale.optional()
+        });
         const zVSeed = discriminatedUnion('chartType', [
             zTable,
             zPivotTable,
@@ -18870,12 +19784,15 @@
             zBarPercent,
             zArea,
             zAreaPercent,
+            zAreaRange,
+            zScatter,
             zPie,
+            zDonut,
             zRose,
             zRoseParallel,
-            zScatter,
-            zDonut,
-            zFunnel
+            zRadar,
+            zFunnel,
+            zHeatmap
         ]);
         const zAdvancedVSeed = schemas_object({
             chartType: zChartType,