Adding data sources to freeboard is easy!

https://freeboard.io/ is a great tool to create dashboards and data visualization screens quickly and easily! Creators were nice to create is as a service and as an open source software (https://github.com/Freeboard/freeboard).

In order to easily test freeboard graphical components, I decided to create a data source that generates random numbers. It is simple and easy to use:

Source code:

https://github.com/rafaelaroca/freeboard-random-datasource

How to use:

  1. Download and install freeboard (works offline or on a server – simply download the files from freeboard github repository);
  2. Add the freeboardRandomDataSource.js file to js directory
  3. Edit index.html from freeboard main directory and add the following line before “Load more plugins here”:
        "js/freeboardRandomDataSource.js",
                // *** Load more plugins here ***

Done! Now you can add a random datasource, or several random data sources:

Result:

Online working demo (click on the wrench to customize / edit):

https://bipes.net.br/test/freeboard/index.html?load=random_dashboard.json

Congratulations and thanks for the creators of https://freeboard.io/.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s