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"
/>
A chart builder is currently under construction.