Freeboard open source real-time dashboard builder

[Kunjmon]

Hi,

Freeboard is the nice way to display sensor values from domoticz using json value.

Pros and cons i felt
Pros :
- Easy to use, no hard coding required.
- Drag and drop widgets.
Cons :
- When reload all the dashboard will go. every time need to load saved dashboard.json file
- Not loading from www folder inside domoticz server
(any one find the solution please share. im not good at coding )

Here is my freeboard dashboard. weather and wind data coming from domoticz server running locally.





json result of wind

Code: Select all

{
   
{
   "ActTime" : 1446374575,
   "ServerTime" : "2015-11-01 14:16:15",
   "Sunrise" : "04:48",
   "Sunset" : "16:53",
   "result" : [
      {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 100,
         "Chill" : 33.0,
         "CustomImage" : 0,
         "Data" : "345.00;NNW;67;0;30.0;33.0",
         "Description" : "",
         "Direction" : 345.0,
         "DirectionStr" : "NNW",
         "Favorite" : 1,
         "Gust" : "0.0",
         "HardwareID" : 1,
         "HardwareName" : "Weather Underground",
         "HardwareType" : "Weather Underground",
         "HardwareTypeVal" : 14,
         "HaveTimeout" : false,
         "ID" : "0001",
         "LastUpdate" : "2015-11-01 14:13:03",
         "Name" : "Wind",
         "Notifications" : "false",
         "PlanID" : "2",
         "PlanIDs" : [ 2 ],
         "Protected" : false,
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "Speed" : "6.7",
         "SubType" : "TFA",
         "Temp" : 30.0,
         "Timers" : "false",
         "Type" : "Wind",
         "TypeImg" : "wind",
         "Unit" : 0,
         "Used" : 1,
         "XOffset" : "0",
         "YOffset" : "0",
         "forecast_url" : "---==",
         "idx" : "2"
      }
   ],
   "status" : "OK",
   "title" : "Devices"
}

Freeboard local : https://github.com/Freeboard/freeboard
Freeboard online : http://freeboard.io

Happy to hear more things with domotics & freeboard...

[jjnj]

Looks great!

[pvm]

Can you also get graphs displayed?
I found url retrieving data, but this does not show anything in freeboard ( http://192.168.1.3:8080/json.htm?type=g ... &range=day )

[Kunjmon]

Can you also get graphs displayed?
I found url retrieving data, but this does not show anything in freeboard ( http://192.168.1.3:8080/json.htm?type=g ... &range=day )

It seems to me that it is not possible. when i try to get json value the response is

Code: Select all

http://192.168.1.115:8080/json.htm?type=graph&sensor=counter&method=2&idx=1&range=day

{
status: "OK",
title: "Graph counter day"
}

there is no value to display in freeboard

hope someone post solution

[pvm]

I do get output:

Code: Select all

{
   "method" : 1,
   "result" : [
      {
         "d" : "2015-11-02 11:50",
         "v" : "2657.000"
      },
      {
         "d" : "2015-11-02 11:55",
         "v" : "2657.000"
      },
      {
         "d" : "2015-11-02 12:00",
         "v" : "2643.000"
      },
      {
         "d" : "2015-11-02 12:05",
         "v" : "2643.000"
      },
      {
         "d" : "2015-11-02 12:10",
         "v" : "2643.000"
      },
      {
         "d" : "2015-11-02 12:15",
         "v" : "2245.500"
      },
      {
         "d" : "2015-11-02 12:20",
         "v" : "2266.500"
      },
      {
         "d" : "2015-11-02 12:25",
         "v" : "2266.500"
      },
      {
         "d" : "2015-11-02 12:30",
         "v" : "2462.500"
      },
      {
         "d" : "2015-11-02 12:35",
         "v" : "2462.500"
      },
      {
         "d" : "2015-11-02 12:40",
         "v" : "2462.500"
      },
      {
         "d" : "2015-11-02 12:45",
         "v" : "2356.000"
      },
      {
         "d" : "2015-11-02 12:50",
         "v" : "2356.000"
      },
      {
         "d" : "2015-11-02 12:55",
         "v" : "2287.500"
      },
      {
         "d" : "2015-11-02 13:00",
         "v" : "2287.500"
      },
      {
         "d" : "2015-11-02 13:05",
         "v" : "2069.000"
      },
      {
         "d" : "2015-11-02 13:10",
         "v" : "2069.000"
      },
      {
         "d" : "2015-11-02 13:15",
         "v" : "2313.000"
      },
      {
         "d" : "2015-11-02 13:20",
         "v" : "2313.000"
      },
      {
         "d" : "2015-11-02 13:25",
         "v" : "2076.500"
      },
      {
         "d" : "2015-11-02 13:30",
         "v" : "2077.500"
      },
      {
         "d" : "2015-11-02 13:35",
         "v" : "2077.500"
      },
      {
         "d" : "2015-11-02 13:40",
         "v" : "2077.500"
      },
      {
         "d" : "2015-11-02 13:45",
         "v" : "1963.000"
      },
      {
         "d" : "2015-11-02 13:50",
         "v" : "1963.000"
      },
      {
         "d" : "2015-11-02 13:55",
         "v" : "1903.000"
      },
      {
         "d" : "2015-11-02 14:00",
         "v" : "1903.000"
      },
      {
         "d" : "2015-11-02 14:05",
         "v" : "1799.500"
      },
      {
         "d" : "2015-11-02 14:10",
         "v" : "1799.500"
      },
      {
         "d" : "2015-11-02 14:15",
         "v" : "1653.500"
      },
      {
         "d" : "2015-11-02 14:20",
         "v" : "1484.000"
      },
      {
         "d" : "2015-11-02 14:25",
         "v" : "1484.000"
      },
      {
         "d" : "2015-11-02 14:30",
         "v" : "1326.000"
      },
      {
         "d" : "2015-11-02 14:35",
         "v" : "1326.000"
      },
      {
         "d" : "2015-11-02 14:40",
         "v" : "1326.000"
      },
      {
         "d" : "2015-11-02 14:45",
         "v" : "1169.500"
      },
      {
         "d" : "2015-11-02 14:50",
         "v" : "1169.500"
      },
      {
         "d" : "2015-11-02 14:55",
         "v" : "1021.500"
      },
      {
         "d" : "2015-11-02 15:00",
         "v" : "1021.500"
      },
      {
         "d" : "2015-11-02 15:05",
         "v" : "880.500"
      },
      {
         "d" : "2015-11-02 15:10",
         "v" : "725.500"
      },
      {
         "d" : "2015-11-02 15:15",
         "v" : "725.500"
      },
      {
         "d" : "2015-11-02 15:20",
         "v" : "725.500"
      },
      {
         "d" : "2015-11-02 15:25",
         "v" : "559.000"
      },
      {
         "d" : "2015-11-02 15:30",
         "v" : "418.000"
      },
      {
         "d" : "2015-11-02 15:35",
         "v" : "418.000"
      },
      {
         "d" : "2015-11-02 15:40",
         "v" : "418.000"
      },
      {
         "d" : "2015-11-02 15:45",
         "v" : "312.000"
      },
      {
         "d" : "2015-11-02 15:50",
         "v" : "312.000"
      },
      {
         "d" : "2015-11-02 15:55",
         "v" : "208.500"
      },
      {
         "d" : "2015-11-02 16:00",
         "v" : "208.500"
      },
      {
         "d" : "2015-11-02 16:45",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 16:50",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 16:55",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 17:00",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 17:05",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 17:10",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 17:15",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 17:20",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 17:25",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 17:30",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 17:35",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 17:40",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 17:45",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 17:50",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 17:55",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 18:00",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 18:05",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 18:10",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 18:15",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 18:20",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 18:25",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 18:30",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 18:35",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 18:40",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 18:45",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 18:50",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 18:55",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 19:00",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 19:05",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 19:10",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 19:15",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 19:20",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 19:25",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 19:30",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 19:35",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 19:40",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 19:45",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 19:50",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 19:55",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 20:00",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 20:05",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 20:10",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 20:15",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 20:20",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 20:25",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 20:30",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 20:35",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 20:40",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 20:45",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 20:50",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 20:55",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 21:00",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 21:05",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 21:10",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 21:15",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 21:20",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 21:25",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 21:30",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 21:35",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 21:40",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 21:45",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 21:50",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 21:55",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 22:00",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 22:05",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 22:10",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 22:15",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 22:20",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 22:25",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 22:30",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 22:35",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 22:40",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 22:45",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 22:50",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 22:55",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 23:00",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 23:05",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 23:10",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 23:15",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 23:20",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 23:25",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 23:30",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 23:35",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 23:40",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 23:45",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 23:50",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-02 23:55",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-03 00:00",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-03 06:45",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-03 06:50",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-03 06:55",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-03 07:00",
         "v" : "0.000"
      },
      {
         "d" : "2015-11-03 08:35",
         "v" : "953.500"
      },
      {
         "d" : "2015-11-03 08:40",
         "v" : "1174.000"
      },
      {
         "d" : "2015-11-03 08:45",
         "v" : "1174.000"
      },
      {
         "d" : "2015-11-03 08:50",
         "v" : "1174.000"
      },
      {
         "d" : "2015-11-03 08:55",
         "v" : "1342.000"
      },
      {
         "d" : "2015-11-03 09:00",
         "v" : "1342.000"
      },
      {
         "d" : "2015-11-03 09:05",
         "v" : "1465.000"
      },
      {
         "d" : "2015-11-03 09:10",
         "v" : "1465.000"
      },
      {
         "d" : "2015-11-03 09:15",
         "v" : "1710.500"
      },
      {
         "d" : "2015-11-03 09:20",
         "v" : "1710.500"
      },
      {
         "d" : "2015-11-03 09:25",
         "v" : "1839.000"
      },
      {
         "d" : "2015-11-03 09:30",
         "v" : "1946.000"
      },
      {
         "d" : "2015-11-03 09:35",
         "v" : "1946.000"
      },
      {
         "d" : "2015-11-03 09:40",
         "v" : "1797.000"
      },
      {
         "d" : "2015-11-03 09:45",
         "v" : "1797.000"
      },
      {
         "d" : "2015-11-03 09:50",
         "v" : "1975.000"
      },
      {
         "d" : "2015-11-03 09:55",
         "v" : "1975.000"
      },
      {
         "d" : "2015-11-03 10:00",
         "v" : "1975.000"
      },
      {
         "d" : "2015-11-03 10:05",
         "v" : "2054.500"
      },
      {
         "d" : "2015-11-03 10:10",
         "v" : "2073.500"
      },
      {
         "d" : "2015-11-03 10:15",
         "v" : "2073.500"
      },
      {
         "d" : "2015-11-03 10:20",
         "v" : "2448.000"
      },
      {
         "d" : "2015-11-03 10:25",
         "v" : "2448.000"
      },
      {
         "d" : "2015-11-03 10:30",
         "v" : "2614.000"
      },
      {
         "d" : "2015-11-03 10:35",
         "v" : "2614.000"
      },
      {
         "d" : "2015-11-03 10:40",
         "v" : "2519.000"
      },
      {
         "d" : "2015-11-03 10:45",
         "v" : "2519.000"
      },
      {
         "d" : "2015-11-03 10:50",
         "v" : "2379.500"
      },
      {
         "d" : "2015-11-03 10:55",
         "v" : "2379.500"
      },
      {
         "d" : "2015-11-03 11:00",
         "v" : "2379.500"
      },
      {
         "d" : "2015-11-03 11:05",
         "v" : "2071.500"
      },
      {
         "d" : "2015-11-03 11:10",
         "v" : "2700.000"
      },
      {
         "d" : "2015-11-03 11:15",
         "v" : "2700.000"
      },
      {
         "d" : "2015-11-03 11:20",
         "v" : "2700.000"
      },
      {
         "d" : "2015-11-03 11:25",
         "v" : "1582.000"
      },
      {
         "d" : "2015-11-03 11:30",
         "v" : "1519.000"
      },
      {
         "d" : "2015-11-03 11:35",
         "v" : "1519.000"
      },
      {
         "d" : "2015-11-03 11:40",
         "v" : "1288.000"
      },
      {
         "d" : "2015-11-03 11:45",
         "v" : "1288.000"
      }
   ],
   "status" : "OK",
   "title" : "Graph counter day"
}

[Minglarn]

Nice and easy, perfect layout match for my 7" mega cheap win10 surfboard =)

However, im not able to save a board, is this a bug ?

Using the github version on my synology nas...

Edit: Using latest FF... Will try Chrome ....

[eladbar]

hi,
i have raspberry pi,
i would like to ask for your kind assistance to operate the camera PI
as you succeeded.

i am also looking fo a way to put Apollo-Soyuz 3d model on freeboard widget,
do you know of a good way to do that?

[freeboarder]

Hi, I have created 2 Indexes in ElasticSearch which i can see and configure using ElasticSearch head plugin.
1 index is created using the app which is integrated with ES and other one i created manually using Bulk API. I want to integrate it in Freeboard using json datasource and create Gauge report out of it.
After creating json datasource on the home page its showing Last updated 'never' and i think its not understanding the endpoint i have given.

This is the URL i am giving in freeboard as json URL.
Try thingproxy - yes
Refresh every 100 sec
Method - GET
Body - blank
header -hostname - localhost

Please suggest what is going wrong and what is the correct Elasticsearch URL i should use.

[blauwebuis]

Great work!

You could turn this into a normal Domoticz theme, as themes support javascript now. Have a look at the Aurora theme. There you can see, for example, how you can store data as a user variable.

[parrotface]

installed freeboard
created dashboard
but can't save it

[alanlsmith]

installed freeboard
created dashboard
but can't save it

It's slightly obscure but 'click on "Save Freeboard" then click on "[pretty]"
This downloads a formatted json file which you can then load back again.
"[minified]" will download a smaller un-formatted file.

[parrotface]

Can't find pretty or minified

Freeboard installed on linux
opening index.html with firefox

When I tried save it doe's nothing

Thanks

[alanlsmith]

Can't find pretty or minified

Freeboard installed on linux
opening index.html with firefox

When I tried save it doe's nothing

Thanks

Click on "SAVE FREEBOARD"
It then changes to "SAVE FREEBOARD [PRETTY] [MINIFIED]"
Then click on the word "[Pretty]" and that should download the JSON file which you can use to load your freeboad back again.
Note: if you click on the words "SAVE FREEBOARD" again it just removes the words "[PRETTY] [MINIFIED]" and does not save anything.

[bitukhan147852]

https://azscreenrecorder.org/az-screen- ... -download/