Smiley Gauge Chart using Vue 3 and Chart.js 4

by Vue.js Examples

2023-09-13

smiley-gauge-chart

Smiley Gauge Chart using Vue 3 + Chart.js 4 with custom plugins for svg labels and gauge needle.

Demo

Gauge Chart Demo

Recommended IDE Setup

VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

GitHub