Skip to content

truongdd03/vue-3d-charts

Repository files navigation

vue-3d-charts

License: MIT npm package

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)

Installation

npm i vue-3d-charts

Getting Started

Bar Chart

<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>

bar-chart

For Developers

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint