D3 Dashboard Tutorial with Cube.js
CRANK

In this tutorial, I’ll cover building a basic dashboard application with Cube.js and the most popular library for visualizing data—D3.js. Although Cube.js doesn’t provide a visualization layer itself, it is very easy to integrate with any existing charting library. Additionally, you can use Cube.js Templates to scaffold a frontend application with your favorite charting library, frontend framework, and UI kit. The scaffolding engine will wire it all together and configure it to work with the Cube.js backend.You can check the online demo of this dashboard here and the complete source code of the example app is available on Github.We are going to use Postgres to store our data. Cube.js will connect to it and act as a middleware between the database and the client, providing API, abstraction, caching, and a lot more. On the frontend, we’ll have React with Material UI and D3 for chart rendering. Below, you can find a schema of the whole architecture of the example app.If you have any …

dev.to
Related Topics: JavaScript