v2.8.1

VueUiDashboard #197

• Add support for passing custom components in the dataset prop

const dynamicString = ref('Dynamic string content');

const comps = computed(() => [
  {
    id: 1,
    width: 20,
    height: 50,
    left: 44,
    top: 4,
    component: "VueUiGauge", // Vue Data UI component, passed here as string
    props: { config: { userOptions: { show: false } }, dataset: gaugeDataset },
  },
  {
    id: 2,
    width: 20,
    height: 60,
    left: 44,
    top: 50,
    component: markRaw(MyCustomComponent), // Your custom component
    props: { str: dynamicString.value },
  },
]);

VueUiWorld

• Reverse drag direction in globe projection

v2.8.0

VueUiWorld

New map component: VueUiWorld

Enregistrement.de.l.ecran.2025-05-28.a.23.18.39.mov

13 projections are available:

Projection	Preview
aitoff
azimuthalEquidistant
bonne
equirectangular
gallPeters
globe
hammer
mercator
mollweide
robinson
sinusoidal
vanDerGrinten
winkelTripel

Docs are up to date, with all projection examples.

v2.7.6

VueUiXy

• Fix area base y position when all values are negative

v2.7.5

Built-in annotator: text mode

• Allow users to add text annotations on charts

Enregistrement.de.l.ecran.2025-05-24.a.22.20.30.mov

v2.7.2

VueUiXy

• Add a config option to cut lines and areas on null values. Set to false by default, so it does not lead to breaking changes.

const config = {
  line: {
    cutNullValues: false,
  }
}

VueUiChestnut

• Improve the proportions of expanded donuts so it's more visually pleasing
  

v2.7.1

VueUi3dBar #192

• Remove default labels when using formatter

v2.7.0

Remove html2canvas dependency

html2canvas was removed as a dependency, in favor of a tailor-made dom to image solution which fits the specific needs of vue-data-ui, to generate chart images or pdfs.

The vue-ui-screenshot component was removed.

v2.6.51

VueUiWordCloud & VueUiMolecule

• Add a reset button when zoom is active

Enregistrement.de.l.ecran.2025-05-17.a.07.51.26.mov

If you need to customize the button, a #reset-action slot is available.
Use reset(true) to reset the animation with the animation, or just reset() without animation.

<VueUiWordCloud :dataset="dataset" :config="config">
  <template #reset-action="{ reset }">
    <button @click="reset(true)">REFRESH</button>
  </template>
</VueUiWordCloud>

v2.6.50

VueUiWordCloud

• Improve word packing algorithm
• Use pan zoom instead of a range input (zoom now works with the mouse wheel, and pinch on touch devices)

Enregistrement.de.l.ecran.2025-05-16.a.07.53.59.mov

The following config attributes (color, highlightColor, useResetSlot), which were related to the old range input zoom, are deprecated:

const config = {
  style: {
    chart: {
      zoom: {
        show: true,
        color: #E1E5E8, // deprecated
        highlightColor: #CCCCCC, // deprecated
        useResetSlot: false // deprecated
      }
    }
  }
}

v2.6.48

VueUiIcon

Add new icons:

name	icon
computer
home
homeFilled
hourglass
htmlTag
curlyBrackets
curlySpread

Check out all available icons