WARNING: Work In Progress!!!
3D chart library written in Vue 3 and TresJS.
Supported Charts:
- Bar Chart
- Line Chart (Todo)
- Heatmap (Todo)
- Pie Chart (Todo)
npm i vue-3d-charts<template> <BarChart :data="data" :config="config" style="width: 100vw; height: 100vh;" /> </template> <script setup lang="ts"> import { BarChart, type ChartConfig } from 'vue-3d-charts'; const data = [ [5, 2, 4, 6, 2], [9, 2, 3, 1, 3], [5, 5, 3, 1, 1], [4, 2, 5, 1, 7], ]; const config: ChartConfig = { labels: { x: 'Season', y: 'Mean Temperature', z: 'Time Period', color: 'orange', xData: ['Spring', 'Summer', 'Fall', 'Winter'], hideXTicks: true, }, autoRotate: true, }; </script>npm installnpm run devnpm run buildLint with ESLint
npm run lint