A user-empowering data visualization Vue components library.
Available components:
- VueUiXy
- VueUiDonut
- VueUiWaffle
- VueUiRadar
- VueUiQuadrant
- VueUiGauge
- VueUiChestnut
- VueUiOnion
- VueUiVerticalBar
- VueUiHeatmap
- VueUiScatter
- VueUiCandlestick
- VueUiAgePyramid
- VueUiRelationCircle
- VueUiThermometer
npm i vue-data-ui
You can declare components globally in your main.js:
import { createApp } from 'vue'
import App from "./App.vue";
// Include the css;
import "vue-data-ui/style.css";
// You can declare Vue Data UI components globally
import { VueUiRadar } from "vue-data-ui";
const app = createApp(App);
app.component("VueUiRadar", VueUiRadar);
app.mount('#app');
Or you can import just what you need in your files:
<script setup>
import { VueUiRadar, VueUiXy } from "vue-data-ui";
</script>
Types are available in the 'vue-data-ui.d.ts' file under the types directory of the package.
This repo contains a boilerplate implementation of the vue-data-ui package in Nuxt