vue-data-ui 2.1.42 → 2.1.44

package/dist/types/vue-data-ui.d.ts

@@ -7,7 +7,7 @@ declare module 'vue-data-ui' {
 
     export const VueDataUi: DefineComponent<{
         dataset?: VueUi3dBarDataset | VueUiAgePyramidDataset | VueUiAnnotatorDataset | Array<Array<string | number>> | VueUiChestnutDatasetRoot[] | VueUiDashboardElement[] | number | VueUiDonutEvolutionDatasetItem[] | VueUiDonutDatasetItem[] | VueUiGaugeDataset | VueUiHeatmapDatasetItem[] | VueUiMoleculeDatasetNode[] | VueUiMoodRadarDataset | VueUiNestedDonutsDatasetItem[] | VueUiOnionDatasetItem[] | VueUiQuadrantDatasetItem[] | VueUiRadarDataset | VueUiRatingDataset | VueUiRelationCircleDatasetItem[] | VueUiRingsDatasetItem[] | VueUiScatterDatasetItem[] | VueUiSparkbarDatasetItem[] | VueUiSparkgaugeDataset | VueUiSparkHistogramDatasetItem[] | VueUiSparklineDatasetItem[] | VueUiSparkStackBarDatasetItem[] | VueUiTableSparklineDatasetItem[] | VueUiTableDataset | VueUiThermometerDataset | VueUiTiremarksDataset | VueUiVerticalBarDatasetItem[] | VueUiWaffleDatasetItem[] | VueUiWheelDataset | VueUiXyDatasetItem[] | VueUiTreemapDatasetItem[] | VueUiQuickChartDataset | number[] | VueUiStripPlotDataset[],
-        config?: VueUi3dBarConfig | VueUiAgePyramidConfig | VueUiAnnotatorConfig | VueUiCandlestickConfig | VueUiChestnutConfig | VueUiDashboardConfig | VueUiDigitsConfig | VueUiDonutEvolutionConfig | VueUiDonutConfig | VueUiGaugeConfig | VueUiHeatmapConfig | VueUiMiniLoaderConfig | VueUiMoleculeConfig | VueUiMoodRadarConfig | VueUiNestedDonutsConfig | VueUiOnionConfig | VueUiQuadrantConfig | VueUiRadarConfig | VueUiRatingConfig | VueUiRelationCircleConfig | VueUiRingsConfig | VueUiScatterConfig | VueUiScreenshotConfig | VueUiSkeletonConfig | VueUiSmileyConfig | VueUiSparkbarConfig | VueUiSparkgaugeConfig | VueUiSparkHistogramConfig | VueUiSparklineConfig | VueUiSparkStackBarConfig | VueUiTableSparklineConfig | VueUiTableConfig | VueUiThermometerConfig | VueUiTiremarksConfig | VueUiVerticalBarConfig | VueUiWaffleConfig | VueUiWheelConfig | VueUiXyConfig | VueUiKpiConfig | VueUiTreemapConfig | VueUiQuickChartConfig | VueUiCursorConfig | VueUiSparkTrendConfig | VueUiStripPlotConfig;
+        config?: VueUi3dBarConfig | VueUiAgePyramidConfig | VueUiAnnotatorConfig | VueUiCandlestickConfig | VueUiChestnutConfig | VueUiDashboardConfig | VueUiDigitsConfig | VueUiDonutEvolutionConfig | VueUiDonutConfig | VueUiGaugeConfig | VueUiHeatmapConfig | VueUiMiniLoaderConfig | VueUiMoleculeConfig | VueUiMoodRadarConfig | VueUiNestedDonutsConfig | VueUiOnionConfig | VueUiQuadrantConfig | VueUiRadarConfig | VueUiRatingConfig | VueUiRelationCircleConfig | VueUiRingsConfig | VueUiScatterConfig | VueUiScreenshotConfig | VueUiSkeletonConfig | VueUiSmileyConfig | VueUiSparkbarConfig | VueUiSparkgaugeConfig | VueUiSparkHistogramConfig | VueUiSparklineConfig | VueUiSparkStackBarConfig | VueUiTableSparklineConfig | VueUiTableConfig | VueUiThermometerConfig | VueUiTiremarksConfig | VueUiVerticalBarConfig | VueUiWaffleConfig | VueUiWheelConfig | VueUiXyConfig | VueUiKpiConfig | VueUiTreemapConfig | VueUiQuickChartConfig | VueUiCursorConfig | VueUiSparkTrendConfig | VueUiStripPlotConfig | VueUiDumbbellConfig;
     }>
 
     export type VueUiTooltipParams<TDatapoint, TSeries, TConfig, TBar = any, TLine = any, TPlot = any> = {
@@ -242,7 +242,7 @@ declare module 'vue-data-ui' {
                     backgroundColor?: string;
                     fontSize?: number;
                     showValue?: boolean;
-                    showPercentage: true,
+                    showPercentage: boolean;
                     roundingValue?: number;
                     roundingPercentage?: number;
                     customFormat?: (params: VueUiTooltipParams<VueUiGalaxyDatapoint, VueUiGalaxySeriesItem[], VueUiGalaxyConfig>) => string;
@@ -789,7 +789,7 @@ declare module 'vue-data-ui' {
         config?: VueUiMoodRadarConfig
     }>;
 
-    export type VueUiIconName = "annotator" | "chart3bar" | "chartAgePyramid" | "chartBar" | "chartCandlestick" | "chartChestnut" | "chartDonut" | "chartDonutEvolution" | "chartGauge" | "chartHeatmap" | "chartLine" | "chartMoodbar" | "chartOnion" | "chartQuadrant" | "chartRadar" | "chartRelationCircle" | "chartRings" | "chartScatter" | "chartSparkHistogram" | "chartSparkStackbar" | "chartTable" | "chartThermometer" | "chartTiremarks" | "chartVerticalBar" | "chartWaffle" | "chartWheel" | "close" | "dashboard" | "digit0" | "digit1" | "digit2" | "digit3" | "digit4" | "digit5" | "digit6" | "digit7" | "digit8" | "digit9" | "excel" | "image" | "labelClose" | "labelOpen" | "menu" | "moodFlat" | "moodHappy" | "moodNeutral" | "moodSad" | "pdf" | "screenshot" | "skeleton" | "smiley" | "sort" | "spin" | "star" | "tableClose" | "tableOpen" | "chartNestedDonuts" | "chartSparkbar" | "refresh" | "circleQuestion" | "circleExclamation" | "circleCheck" | "circleCancel" | "moodLaughing" | "moodWink" | "moodEmbarrassed" | "moodSurprised" | "exitFullscreen" | "fullscreen" | "arrowRight" | "arrowTop" | "arrowBottom" | "arromwLeft" | "chartCluster" | "chartSparkline" | "legend" | "csv" | "chartGalaxy" | "kpi" | "kpiBox" | "tooltip" | "vueDataUi" | "ratio" | "func" | "settings" | "trendUp" | "trendDown" | "clipBoard" | "zoomPlus" | "zoomMinus" | "clipboardLine" | "clipboardDonut" | "clipboardBar" | "clipboardVariable" | "triangle" | "triangleFill" | "square" | "squareFill" | "diamond" | "diamondFill" | "pentagon" | "pentagonFill" | "hexagon" | "hexagonFill" | "circle" | "circleFill" | "starFill" | "numbers" | "sigma" | "mu" | "lambda" | "people" | "copy" | "accordion" | "cursor" | "trend" | "chartStripPlot";
+    export type VueUiIconName = "annotator" | "chart3bar" | "chartAgePyramid" | "chartBar" | "chartCandlestick" | "chartChestnut" | "chartDonut" | "chartDonutEvolution" | "chartGauge" | "chartHeatmap" | "chartLine" | "chartMoodbar" | "chartOnion" | "chartQuadrant" | "chartRadar" | "chartRelationCircle" | "chartRings" | "chartScatter" | "chartSparkHistogram" | "chartSparkStackbar" | "chartTable" | "chartThermometer" | "chartTiremarks" | "chartVerticalBar" | "chartWaffle" | "chartWheel" | "close" | "dashboard" | "digit0" | "digit1" | "digit2" | "digit3" | "digit4" | "digit5" | "digit6" | "digit7" | "digit8" | "digit9" | "excel" | "image" | "labelClose" | "labelOpen" | "menu" | "moodFlat" | "moodHappy" | "moodNeutral" | "moodSad" | "pdf" | "screenshot" | "skeleton" | "smiley" | "sort" | "spin" | "star" | "tableClose" | "tableOpen" | "chartNestedDonuts" | "chartSparkbar" | "refresh" | "circleQuestion" | "circleExclamation" | "circleCheck" | "circleCancel" | "moodLaughing" | "moodWink" | "moodEmbarrassed" | "moodSurprised" | "exitFullscreen" | "fullscreen" | "arrowRight" | "arrowTop" | "arrowBottom" | "arromwLeft" | "chartCluster" | "chartSparkline" | "legend" | "csv" | "chartGalaxy" | "kpi" | "kpiBox" | "tooltip" | "vueDataUi" | "ratio" | "func" | "settings" | "trendUp" | "trendDown" | "clipBoard" | "zoomPlus" | "zoomMinus" | "clipboardLine" | "clipboardDonut" | "clipboardBar" | "clipboardVariable" | "triangle" | "triangleFill" | "square" | "squareFill" | "diamond" | "diamondFill" | "pentagon" | "pentagonFill" | "hexagon" | "hexagonFill" | "circle" | "circleFill" | "starFill" | "numbers" | "sigma" | "mu" | "lambda" | "people" | "copy" | "accordion" | "cursor" | "trend" | "chartStripPlot" | "chartDumbbell";
 
     export const VueUiIcon: DefineComponent<{
         name: VueUiIconName,
@@ -4469,7 +4469,7 @@ declare module 'vue-data-ui' {
     }>;
 
     export type VueUiSkeletonConfig = {
-        type?: "bar" | "chestnut" | "donut" | "gauge" | "line" | "onion" | "quadrant" | "radar" | "rating" | "table" | "verticalBar" | "waffle" | "heatmap" | "candlestick" | "pyramid" | "wheel" | "rings" | "donutEvolution" | "tiremarks" | "molecule" | "relationCircle" | "thermometer" | "sparkbar" | "sparkStackbar" | "sparkHistogram" | "bar3d" | "galaxy" | "treemap" | "stripPlot";
+        type?: "bar" | "chestnut" | "donut" | "gauge" | "line" | "onion" | "quadrant" | "radar" | "rating" | "table" | "verticalBar" | "waffle" | "heatmap" | "candlestick" | "pyramid" | "wheel" | "rings" | "donutEvolution" | "tiremarks" | "molecule" | "relationCircle" | "thermometer" | "sparkbar" | "sparkStackbar" | "sparkHistogram" | "bar3d" | "galaxy" | "treemap" | "stripPlot" | "dumbbell";
         style?: {
             backgroundColor?: string;
             color?: string;
@@ -4477,6 +4477,9 @@ declare module 'vue-data-ui' {
             treemap?: {
                 color?: string;
             };
+            dumbbell?: {
+                color?: string;
+            },
             stripPlot?: {
                 color?: string;
             };
@@ -5009,9 +5012,153 @@ declare module 'vue-data-ui' {
         dataset: VueUiStripPlotDataset[]
     }>
 
-    export type VueDataUiConfig = VueUi3dBarConfig | VueUiAgePyramidConfig | VueUiAnnotatorConfig | VueUiCandlestickConfig | VueUiChestnutConfig | VueUiDashboardConfig | VueUiDigitsConfig | VueUiDonutConfig | VueUiDonutEvolutionConfig | VueUiGaugeConfig | VueUiHeatmapConfig | VueUiMiniLoaderConfig | VueUiMoleculeConfig | VueUiMoodRadarConfig | VueUiOnionConfig | VueUiQuadrantConfig | VueUiRadarConfig | VueUiRatingConfig | VueUiRelationCircleConfig | VueUiRingsConfig | VueUiScatterConfig | VueUiScreenshotConfig | VueUiSkeletonConfig | VueUiSmileyConfig | VueUiSparkHistogramConfig | VueUiSparkStackBarConfig | VueUiSparkbarConfig | VueUiSparklineConfig | VueUiTableConfig | VueUiTableSparklineConfig | VueUiThermometerConfig | VueUiTiremarksConfig | VueUiVerticalBarConfig | VueUiWaffleConfig | VueUiWheelConfig | VueUiXyConfig | VueUiNestedDonutsConfig | VueUiGalaxyConfig | VueUiKpiConfig | VueUiTreemapConfig | VueUiTableHeatmapConfig | VueUiAccordionConfig | VueUiQuickChartConfig | VueUiCursorConfig | VueUiSparkTrendConfig | VueUiStripPlotConfig;
+    export type VueUiDumbbellConfig = {
+        useCssAnimation?: boolean;
+        userOptions?: {
+            show?: boolean;
+        };
+        style?: {
+            fontFamily?: string;
+            chart?: {
+                backgroundColor?: string;
+                color?: string;
+                width?: number;
+                rowHeight?: number;
+                padding?: {
+                    top?: number;
+                    left?: number;
+                    right?: number;
+                    bottom?: number;
+                };
+                plots?: {
+                    startColor?: string;
+                    endColor?: string;
+                    radius?: number;
+                    stroke?: string;
+                    strokeWidth?: number;
+                    link?: {
+                        strokeWidth?: number;
+                        type?: "curved" | "line";
+                    };
+                    gradient?: {
+                        show?: boolean;
+                        intensity?: number;
+                    };
+                };
+                grid?: {
+                    strokeWidth?: number;
+                    scaleSteps?: number;
+                    horizontalGrid?: {
+                        show?: boolean;
+                        stroke?: string;
+                        strokeWidth?: number;
+                        strokeDasharray?: number;
+                    };
+                    verticalGrid?: {
+                        show?: boolean;
+                        stroke?: string;
+                        strokeWidth?: number;
+                        strokeDasharray?: number;
+                    };
+                };
+                labels?: {
+                    prefix?: string;
+                    suffix?: string;
+                    yAxisLabels?: {
+                        show?: boolean;
+                        fontSize?: number;
+                        color?: string;
+                        offsetX?: number;
+                        bold?: boolean;
+                        showProgression?: boolean;
+                        rounding?: number;
+                    };
+                    xAxisLabels?: {
+                        show?: boolean;
+                        fontSize?: number;
+                        color?: string;
+                        offsetY?: number;
+                        bold?: boolean;
+                        rounding?: number;
+                    };
+                    startLabels?: {
+                        show?: boolean;
+                        fontSize?: number;
+                        color?: string;
+                        offsetY?: number;
+                        rounding?: number;
+                        useStartColor?: boolean;
+                    };
+                    endLabels?: {
+                        show?: boolean;
+                        fontSize?: number;
+                        color?: string;
+                        offsetY?: number;
+                        rounding?: number;
+                        useEndColor?: true;
+                    };
+                };
+                legend?: {
+                    show?: boolean;
+                    labelStart?: string;
+                    labelEnd?: string;
+                    backgroundColor?: string;
+                    color?: string;
+                    fontSize?: number;
+                    bold?: boolean;
+                };
+                title?: {
+                    text?: string;
+                    color?: string;
+                    fontSize?: number;
+                    bold?: boolean;
+                    subtitle?: {
+                        color?: string;
+                        text?: string;
+                        fontSize?: number;
+                        bold?: boolean;
+                    };
+                };
+            };
+        };
+        table?: {
+            show?: boolean;
+            responsiveBreakpoint?: number;
+            columnNames?: {
+                series?: string;
+                start?: string;
+                end?: string;
+                progression?: string;
+            };
+            th?: {
+                backgroundColor?: string;
+                color?: string;
+                outline?: string;
+            };
+            td?: {
+                backgroundColor?: string;
+                color?: string;
+                outline?: string;
+                roundingValue?: number;
+                roundingPercentage?: number;
+            };
+        };
+    };
+
+    export type VueUiDumbbellDataset = {
+        name: string;
+        start: number;
+        end: number;
+    }
+
+    export const VueUiDumbbell: DefineComponent<{
+        config?: VueUiDumbbellConfig,
+        dataset: VueUiDumbbellDataset[]
+    }>
+
+    export type VueDataUiConfig = VueUi3dBarConfig | VueUiAgePyramidConfig | VueUiAnnotatorConfig | VueUiCandlestickConfig | VueUiChestnutConfig | VueUiDashboardConfig | VueUiDigitsConfig | VueUiDonutConfig | VueUiDonutEvolutionConfig | VueUiGaugeConfig | VueUiHeatmapConfig | VueUiMiniLoaderConfig | VueUiMoleculeConfig | VueUiMoodRadarConfig | VueUiOnionConfig | VueUiQuadrantConfig | VueUiRadarConfig | VueUiRatingConfig | VueUiRelationCircleConfig | VueUiRingsConfig | VueUiScatterConfig | VueUiScreenshotConfig | VueUiSkeletonConfig | VueUiSmileyConfig | VueUiSparkHistogramConfig | VueUiSparkStackBarConfig | VueUiSparkbarConfig | VueUiSparklineConfig | VueUiTableConfig | VueUiTableSparklineConfig | VueUiThermometerConfig | VueUiTiremarksConfig | VueUiVerticalBarConfig | VueUiWaffleConfig | VueUiWheelConfig | VueUiXyConfig | VueUiNestedDonutsConfig | VueUiGalaxyConfig | VueUiKpiConfig | VueUiTreemapConfig | VueUiTableHeatmapConfig | VueUiAccordionConfig | VueUiQuickChartConfig | VueUiCursorConfig | VueUiSparkTrendConfig | VueUiStripPlotConfig | VueUiDumbbellConfig;
 
-    export type VueDataUiConfigKey = "vue_ui_3d_bar" | "vue_ui_age_pyramid" | "vue_ui_annotator" | "vue_ui_candlestick" | "vue_ui_chestnut" | "vue_ui_dashboard" | "vue_ui_digits" | "vue_ui_donut" | "vue_ui_donut_evolution" | "vue_ui_gauge" | "vue_ui_heatmap" | "vue_ui_mini_loader" | "vue_ui_molecule" | "vue_ui_mood_radar" | "vue_ui_onion" | "vue_ui_quadrant" | "vue_ui_radar" | "vue_ui_rating" | "vue_ui_relation_circle" | "vue_ui_rings" | "vue_ui_scatter" | "vue_ui_screenshot" | "vue_ui_skeleton" | "vue_ui_smiley" | "vue_ui_sparkhistogram" | "vue_ui_sparkstackbar" | "vue_ui_sparkbar" | "vue_ui_sparkline" | "vue_ui_table" | "vue_ui_table_sparkline" | "vue_ui_thermometer" | "vue_ui_tiremarks" | "vue_ui_vertical_bar" | "vue_ui_waffle" | "vue_ui_wheel" | "vue_ui_xy" | "vue_ui_nested_donuts" | "vue_ui_galaxy" | "vue_ui_kpi" | "vue_ui_treemap" | "vue_ui_table_heatmap" | "vue_ui_accordion" | "vue_ui_quick_chart" | "vue_ui_cursor" | "vue_ui_spark_trend" | "vue_ui_strip_plot";
+    export type VueDataUiConfigKey = "vue_ui_3d_bar" | "vue_ui_age_pyramid" | "vue_ui_annotator" | "vue_ui_candlestick" | "vue_ui_chestnut" | "vue_ui_dashboard" | "vue_ui_digits" | "vue_ui_donut" | "vue_ui_donut_evolution" | "vue_ui_gauge" | "vue_ui_heatmap" | "vue_ui_mini_loader" | "vue_ui_molecule" | "vue_ui_mood_radar" | "vue_ui_onion" | "vue_ui_quadrant" | "vue_ui_radar" | "vue_ui_rating" | "vue_ui_relation_circle" | "vue_ui_rings" | "vue_ui_scatter" | "vue_ui_screenshot" | "vue_ui_skeleton" | "vue_ui_smiley" | "vue_ui_sparkhistogram" | "vue_ui_sparkstackbar" | "vue_ui_sparkbar" | "vue_ui_sparkline" | "vue_ui_table" | "vue_ui_table_sparkline" | "vue_ui_thermometer" | "vue_ui_tiremarks" | "vue_ui_vertical_bar" | "vue_ui_waffle" | "vue_ui_wheel" | "vue_ui_xy" | "vue_ui_nested_donuts" | "vue_ui_galaxy" | "vue_ui_kpi" | "vue_ui_treemap" | "vue_ui_table_heatmap" | "vue_ui_accordion" | "vue_ui_quick_chart" | "vue_ui_cursor" | "vue_ui_spark_trend" | "vue_ui_strip_plot" | "vue_ui_dumbbell";
 
     export const getVueDataUiConfig: () => VueDataUiConfig;
 }

package/dist/vue-data-ui.js

@@ -1,4 +1,4 @@
-import { J as s, P as u, F as V, U, q as r, t, p as o, g as n, X as l, s as p, G as S, b as d, C as k, Q as c, f as g, n as m, D, R as T, K as b, H as h, E as C, N as R, h as f, e as y, W as A, d as H, k as M, v as P, z as x, o as B, j as G, l as Q, u as W, y as v, x as w, Y as E, r as I, O as K, m as L, Z as N, a as O, T as X, I as j, w as q, B as z, S as F, i as J, c as Y, A as Z, V as _, L as $, M as aa } from "./index-3ac77ca4.js";
+import { J as s, P as u, F as V, U, q as r, t, p as o, g as n, X as l, s as p, G as S, b as d, C as k, $ as m, Q as c, f as g, n as b, D, R as T, K as h, H as C, E as R, N as f, h as y, e as A, W as H, d as M, k as P, v as x, z as B, o as G, j as Q, l as W, u as v, y as w, x as E, Y as I, r as K, O as L, m as N, Z as O, a as X, T as j, I as q, w as z, B as F, S as J, i as Y, c as Z, A as $, V as _, L as aa, M as ea } from "./index-3a77a6ac.js";
 import "vue";
 export {
   s as Arrow,
@@ -14,43 +14,44 @@ export {
   S as VueUiDigits,
   d as VueUiDonut,
   k as VueUiDonutEvolution,
+  m as VueUiDumbbell,
   c as VueUiGalaxy,
   g as VueUiGauge,
-  m as VueUiHeatmap,
+  b as VueUiHeatmap,
   D as VueUiIcon,
   T as VueUiKpi,
-  b as VueUiMiniLoader,
-  h as VueUiMolecule,
-  C as VueUiMoodRadar,
-  R as VueUiNestedDonuts,
-  f as VueUiOnion,
-  y as VueUiQuadrant,
-  A as VueUiQuickChart,
-  H as VueUiRadar,
-  M as VueUiRating,
-  P as VueUiRelationCircle,
-  x as VueUiRings,
-  B as VueUiScatter,
-  G as VueUiScreenshot,
-  Q as VueUiSkeleton,
-  W as VueUiSmiley,
-  v as VueUiSparkHistogram,
-  w as VueUiSparkStackbar,
-  E as VueUiSparkTrend,
-  I as VueUiSparkbar,
-  K as VueUiSparkgauge,
-  L as VueUiSparkline,
-  N as VueUiStripPlot,
-  O as VueUiTable,
-  X as VueUiTableHeatmap,
-  j as VueUiTableSparkline,
-  q as VueUiThermometer,
-  z as VueUiTiremarks,
-  F as VueUiTreemap,
-  J as VueUiVerticalBar,
-  Y as VueUiWaffle,
-  Z as VueUiWheel,
+  h as VueUiMiniLoader,
+  C as VueUiMolecule,
+  R as VueUiMoodRadar,
+  f as VueUiNestedDonuts,
+  y as VueUiOnion,
+  A as VueUiQuadrant,
+  H as VueUiQuickChart,
+  M as VueUiRadar,
+  P as VueUiRating,
+  x as VueUiRelationCircle,
+  B as VueUiRings,
+  G as VueUiScatter,
+  Q as VueUiScreenshot,
+  W as VueUiSkeleton,
+  v as VueUiSmiley,
+  w as VueUiSparkHistogram,
+  E as VueUiSparkStackbar,
+  I as VueUiSparkTrend,
+  K as VueUiSparkbar,
+  L as VueUiSparkgauge,
+  N as VueUiSparkline,
+  O as VueUiStripPlot,
+  X as VueUiTable,
+  j as VueUiTableHeatmap,
+  q as VueUiTableSparkline,
+  z as VueUiThermometer,
+  F as VueUiTiremarks,
+  J as VueUiTreemap,
+  Y as VueUiVerticalBar,
+  Z as VueUiWaffle,
+  $ as VueUiWheel,
   _ as VueUiXy,
-  $ as getPalette,
-  aa as getVueDataUiConfig
+  aa as getPalette,
+  ea as getVueDataUiConfig
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "2.1.42",
+  "version": "2.1.44",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [
@@ -18,6 +18,7 @@
     "data visualization",
     "donut evolution",
     "donut",
+    "dumbbell",
     "galaxy",
     "gauge",
     "graph",