Node RED and Twitter Bootstrap Dashboard

1,044 views
Skip to first unread message

Matteo Pratosmart

unread,
Oct 27, 2014, 10:52:39 AM10/27/14
to node...@googlegroups.com
Hi everybody
anyone can suggest me a method to use node red to animate a dashboard realized in twitter bootstrap like this?


Is there a node to send data to a web page like this?

Thanks!


Nicholas O'Leary

unread,
Oct 27, 2014, 10:58:23 AM10/27/14
to node...@googlegroups.com
Hi Matteo,


the typical use the WebSocket nodes for this sort of interaction.

The WebSocket node creates a server-side listener that your webpage can connect back to. You can then push data from a flow to your page very easily.

There are some examples of this sort of thing in the flow library: http://flows.nodered.org/tag/websocket


Nick



--
http://nodered.org
---
You received this message because you are subscribed to the Google Groups "Node-RED" group.
To unsubscribe from this group and stop receiving emails from it, send an email to node-red+u...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Matteo Pratosmart

unread,
Oct 30, 2014, 8:40:49 AM10/30/14
to node...@googlegroups.com
Thanks a lot!
do you know if someone have realized some dashboard with bootstrap?

Regards!
MT

Gareth Coleman

unread,
Oct 31, 2014, 2:27:53 PM10/31/14
to node...@googlegroups.com
Hello Matteo

It doesn't answer your question, but we've used Freeboard hosted by Node Express for a dashboard.

You can use them to host your dashboard or host it yourself.

It is super easy to set up - we used a websocket in Node-RED to pass the data as Nick outlined.

There was a gist posted on this list a while ago that showed howto setup a websocket input for Freeboard. We also customised it to give us another larger text widget - the widgets are quite well constructed and easy to extend.


Kind regards

Dave C-J

unread,
Oct 31, 2014, 3:08:44 PM10/31/14
to node...@googlegroups.com
Hi

though it is based on a (now) older version of Freeboard so not sure how well it still works... Certainly the websocket plugin is ok... just some of the line numbers etc may have changed.

Gareth - nice dashboard... loads of data !

Pratosmart

unread,
Oct 31, 2014, 5:41:50 PM10/31/14
to node...@googlegroups.com
Nice Idea: Freeboard.

I’ll try! thanks for the moment!

Regards
--
http://nodered.org
---
You received this message because you are subscribed to a topic in the Google Groups "Node-RED" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/node-red/8wc6OYrxHug/unsubscribe.
To unsubscribe from this group and all its topics, send an email to node-red+u...@googlegroups.com.

Gareth Coleman

unread,
Oct 31, 2014, 6:44:38 PM10/31/14
to node...@googlegroups.com
Glad it was a useful suggestion - and thanks to Dave C-J for both the original gist and the pointer that it's been updated.

I'm having a look at the new version now.

If you are able it would be great if you could share your work - I'm sure there is loads more freeboard could do I haven't thought of so being able to see your work could help me and others.

There is an editable version of the dashboard here: http://incredibleaquagdn.no-ip.info/?load=dashboardedit.json

You can try customising the dashboard freely - it might be a good way to get an idea of the possibilities.

Kind regards

Gareth
--
------------------------
Gareth Coleman
layer zero labs
Reply all
Reply to author
Forward
0 new messages