v2.5.8

New component: VueUiCirclePack 🫧

• Represent hierarchical data with an arrangement of packed circles

import { VueUiCirclePack } from "vue-data-ui";

const dataset = ref<VueUiCirclePackDatasetItem[]>([
  { name: 'Datapoint A', value: 200 },
  { name: 'Datapoint B', value: 155 },
  { name: 'Datapoint C', value: 132 },
  ...
])

const config = ref<VueUiCirclePackConfig>({
  /* Your config here */
});

Check out the docs to customize your config.

<VueUiCirclePack
  :dataset="dataset"
  :config="config"
/>

Or, using the universal component:

<VueDataUi
  component="VueUiCirclePack"
  :dataset="dataset"
  :config="config"
/>

Check out the docs

A chart builder is currently under construction.