Dashboard 5.0

I have written a new version of Dashboard from scratch built on top of Total.js Flow. The new version is Total.js package, so just copy the package to your application and dashboard will work. Dashboard has a similar design and functionality like Total.js Flowboard and Total.js Flow.

Important links:

• Download dashboard package
• Dashboard components
• Dashboard website
• Dashboard Demo

News

New component mechanism

This new version brings a new component mechanism - same as in Flowboard. So each Dashboard component is .html file which can contain html, script and css declaration.

• Look at example of component

Built on top of Total.js Flow

New version of Dashboard requires Total.js Flow to work. I had to create a new Flow module dashboardanalytics and I'll create another Flow components step-by-step. In this case Total.js Flow is the data-source for Dashboard components.

Repository with Dashboard components

I have created open-source repository with all Dashboard components. Current the repository contains these components: barchart, linechart and lastvalue.

• Dashboard components

1:1 for desktop and mobile devices

Dashboard can be created on Desktop computers and mobile devices too. Grid is same in all devices but in mobile devices is smaller. Each component needs to be optimized for different displays.

Additional features

• supports tabs
• supports dark/light theme
• supports auth mechanisms like flow or flowboard
• components are installed dynamically

Component maker

A part of Dashboard is an application called Component Maker. This helper/application can help with creating of new dashboard components. With Maker you can send data, change options and change size of the component dynamically.

How to run it?

• clone repository https://github.com/totaljs/dashboardcomponents
• install Total.js framework via npm $ npm install total.js
• run maker $ node maker.js
• open http://127.0.0.1:8000 in your web browser

For premium accounts

Total.js Dashboard is targeted for premium accounts only. Buy a premium account and be a Total.js professional. Money will be used for development of Total.js platform.

• Become a premium member
• Download Dashboard