From Nuxt Charts to a complete dashboard
Expanding a public Nuxt UI dashboard update into the design decisions around charts, context and useful interfaces.
Data visualization · Active
Charts, reusable blocks and dashboard templates for Vue and Nuxt developers.
I’m Dennis Adriaansen, known as Dennis Adriaans in the Nuxt community. Nuxt Charts started with a practical need: an error dashboard I was building needed clear, attractive charts that felt at home in Vue.
I wanted a shorter path from application data to a useful interface. That became the focus of Nuxt Charts: familiar components, careful visual defaults and room to customize.
The work includes chart components, reusable blocks and dashboard templates. Charts cover trends, comparisons, proportions and flows; blocks and templates put them into the context of a working interface.
The underlying visualization work uses Unovis. The Vue package, vue-chrts, is open source. Nuxt Charts adds a Nuxt-focused entry point, examples and a broader collection of interface work.
For the current chart catalog, setup instructions and commercial template details, visit Nuxt Charts. For the starting point, read why I built Nuxt Charts.