Yet another Freeboard widget plugin


Two new widget plugins are available for

  1. Slider widget plugin
  2. Switch widget plugin


A damn-sexy, open source real-time dashboard builder for IOT and other web mashups.

What is It?

Freeboard is a turn-key HTML-based “engine” for dashboards. Besides a nice looking layout engine, it provides a plugin architecture for creating datasources (which fetch data) and widgets (which display data)— freeboard then does all the work to connect the two together. Another feature of freeboard is its ability to run entirely in the browser as a single-page static web app without the need for a server. The feature makes it extremely attractive as a front-end for embedded devices which may have limited ability to serve complex and dynamic web pages.

See it in action @

All plugins are available for download from the following Github repository:

Slider widget plugin for





At each value change, a request is sent with the argument pattern %VALUE% replaced with the value set by the slider.


Switch widget plugin for





Follow the instructions from Freeboard github site

Freeboard can be run entirely from a local hard drive. Simply download/clone the repository and open index.html. When using Chrome, you may run into issues with CORS when accessing JSON based APIs if you load from your local hard-drive— in this case you can switch to using JSONP or load index.html and run from a local or remote web server.


  1. git clone
  2. npm install
  3. grunt

Then run a index.html or index-dev.html through a webserver.



Copy the plugin file  to your freeboard installation, for example:

$ cp ./slider.js /var/www/freeboard/plugins/

Edit the freeboard index.html file and add a link to the plugin near the end of the head.js script loader, like:

  $(function() {
    //DOM Ready


4 thoughts on “Yet another Freeboard widget plugin

  1. tom

    What can be wrong if I can’t see the plugin?
    the index.html looks like this:

    // *** Load more plugins here ***

    I can use mqtt but there is no sign of actuator…
    any clue?

  2. Peter Fenn

    Widgets work correctly when URL is set for operation
    However when URL is set to a address this returns an error
    (“There was a problem with the request. Code 0″)

    Not clear why this error is occurring, as the URL is valid and can be tested from Chrome browser command line, eg.!%22

    1. eric Post author

      You can check the url, the response and the request from the server pubsub with the help of the dev tools of your browser Chrome or firefox.
      Easy way to detect syntax errors in url or whatever.

      I tried on an actuator on my local freeboard server with the url you specified and it returns 200 OK when i click on the widget. It works fine for me.

Comments are closed.