Smiley Gauge Chart using Vue 3 and Chart.js 4

Sep 13, 2023 1 min read

Smiley Gauge Chart using Vue 3 and Chart.js 4

smiley-gauge-chart

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

Demo

gauge 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