<![CDATA[Display JSON data from an api]]>Hi

I want to be able to display some data that is delivered in JSON format

I ideally would like to be able to create a category with several titles in each and eah of the titles will get dynamic data produced by the API I will be using. Has anyone made anything like this or know how to make this ?

Thank you

]]>https://forum.magicmirror.builders/topic/1582/display-json-data-from-an-apiRSS for NodeMon, 13 Apr 2026 05:12:53 GMTSat, 28 Jan 2017 23:57:27 GMT60<![CDATA[Reply to Display JSON data from an api on Wed, 01 Mar 2017 19:43:19 GMT]]>The big elephant in the room here is that Panic’s StatusBoard did this and is now dead. They discontinued their iPad app in November, and users from all over the world are looking for something to replace it with. MagicMirror is the perfect replacement, but it lacks the most popular module: The Graph Module. When the Graph Module in Statusboard is fed just one number, it displays the number with a name, instead of the graph. I think a good solution would be to base further MMM development based on the same JSON structure that has already been established in the StatusBoard community. Examples:

{

"graph": {

"title" : "IKKE BEHANDLET",

"total" : true,

"datasequences" : [

{

"title" : "Datasupport",

"datapoints" : [

{ "title" : "Antall", "value" : 3 }

] } ] } }

This will in StatusBoard look like this:
0_1488397034636_datasupport-ikkebehandlet.jpg

If however, the same module is used, and pointed to this JSON-file:

{

"graph" : {

"title" : "Prod-Redigering : antall saker opprettet",

"total" : true,

"datasequences" : [

{

"title" : "Uke 29",

"datapoints" : [

{"title" : "Mandag", "value" : 0 },

{"title" : "Tirsdag", "value" : 4 },

{"title" : "Onsdag", "value" : 0 },

{"title" : "Torsdag" , "value" : 3 },

{"title" : "Fredag", "value" : 2 }

]

}

]

}

}

That will produce this nice Column Graph:

0_1488397213531_produke.jpg

The whitepaper still exists here: https://library.panic.com/statusboard/graph_tutorial/

If someone needs motivation to look into this, please check the comments here:
https://panic.com/blog/the-future-of-status-board/

]]>https://forum.magicmirror.builders/post/16246https://forum.magicmirror.builders/post/16246Wed, 01 Mar 2017 19:43:19 GMT<![CDATA[Reply to Display JSON data from an api on Wed, 01 Mar 2017 15:50:22 GMT]]>:D
I just noticed @PeppaPigKilla was the one asking for a UbisoftStats display and @looolz was asking for some different usecase

@looolz: do you have an example of your JSON file?

]]>https://forum.magicmirror.builders/post/16227https://forum.magicmirror.builders/post/16227Wed, 01 Mar 2017 15:50:22 GMT<![CDATA[Reply to Display JSON data from an api on Wed, 01 Mar 2017 14:58:14 GMT]]>@looolz I am actually trying to do this also. I have JSON data I’m pulling from an API and am able to present it on a page when I click a button but am not entirely sure how to map this over to an actual MM2 module. I’m trying to follow the documentation and it’s overwhelming for someone with limited JS experience! Is there a generic module already created which can be used to kind of re-point the URL to use any JSON feed, change the returned field names and obviously update the results on the mirror?

]]>https://forum.magicmirror.builders/post/16223https://forum.magicmirror.builders/post/16223Wed, 01 Mar 2017 14:58:14 GMT<![CDATA[Reply to Display JSON data from an api on Wed, 01 Mar 2017 09:31:48 GMT]]>@yawns Thanks for the reply!

Well, the JSON-file would be hosted on a server, so a http-path to the file would do the job for sure. A common way to do this that I’ve seen is installing Dropbox on a server, and sharing out the JSON file via a public link.

]]>https://forum.magicmirror.builders/post/16192https://forum.magicmirror.builders/post/16192Wed, 01 Mar 2017 09:31:48 GMT<![CDATA[Reply to Display JSON data from an api on Wed, 01 Mar 2017 09:27:17 GMT]]>So this is just a JSON file which is sitting on your raspberry, right?
The approach would be the same as with the compliments.js module loading a local file with additional statements.
That shouldn’t be too difficult. I could try to tackle this, but I need to complete another module first which is waiting for so long already … too much to do and no time :(

]]>https://forum.magicmirror.builders/post/16191https://forum.magicmirror.builders/post/16191Wed, 01 Mar 2017 09:27:17 GMT<![CDATA[Reply to Display JSON data from an api on Wed, 01 Mar 2017 08:58:26 GMT]]>@cowboysdude There is no API. In this case it’s just shell scripts that write out JSON files. I could modify the shell script to write out the files anyhow I want.

]]>https://forum.magicmirror.builders/post/16190https://forum.magicmirror.builders/post/16190Wed, 01 Mar 2017 08:58:26 GMT<![CDATA[Reply to Display JSON data from an api on Tue, 28 Feb 2017 13:31:00 GMT]]>@looolz Where is the info coming from? What is the api address?

]]>https://forum.magicmirror.builders/post/16082https://forum.magicmirror.builders/post/16082Tue, 28 Feb 2017 13:31:00 GMT<![CDATA[Reply to Display JSON data from an api on Tue, 28 Feb 2017 13:30:45 GMT]]>@cowboysdude said in Display JSON data from an api:

it would be easier to just write a new module for it…

Perhaps. I just guessed a the rest module could be a good starting point.

]]>https://forum.magicmirror.builders/post/16081https://forum.magicmirror.builders/post/16081Tue, 28 Feb 2017 13:30:45 GMT<![CDATA[Reply to Display JSON data from an api on Tue, 28 Feb 2017 13:30:16 GMT]]>@cowboysdude

Thanks, yes. Do you happen to know of a module that successfully loads data from a JSON file? Seems like such a simple thing to do.

and @mortenbirkelund
Thanks for the suggestion. I don’t have the skills to make this, yet.

]]>https://forum.magicmirror.builders/post/16080https://forum.magicmirror.builders/post/16080Tue, 28 Feb 2017 13:30:16 GMT<![CDATA[Reply to Display JSON data from an api on Tue, 28 Feb 2017 13:30:16 GMT]]>@mortenbirkelund it would be easier to just write a new module for it… hacking something will probably not give you the results you want.

What is the address of the api?

]]>https://forum.magicmirror.builders/post/16079https://forum.magicmirror.builders/post/16079Tue, 28 Feb 2017 13:30:16 GMT<![CDATA[Reply to Display JSON data from an api on Tue, 28 Feb 2017 13:26:37 GMT]]>You could take a look at the MMM-Rest… It doesnt have the ability to read json but could be modified. If you do modify it to accept json, please let me know as I am also looking for a way to do this.

https://forum.magicmirror.builders/topic/1851/mmm-rest-reading-json

]]>https://forum.magicmirror.builders/post/16078https://forum.magicmirror.builders/post/16078Tue, 28 Feb 2017 13:26:37 GMT<![CDATA[Reply to Display JSON data from an api on Tue, 28 Feb 2017 13:25:21 GMT]]>You would need to create a module to do this…

]]>https://forum.magicmirror.builders/post/16077https://forum.magicmirror.builders/post/16077Tue, 28 Feb 2017 13:25:21 GMT<![CDATA[Reply to Display JSON data from an api on Tue, 28 Feb 2017 13:19:26 GMT]]>Did you get any traction with this? I’m looking for similar solutions; Display fields from JSON formatted file.

]]>https://forum.magicmirror.builders/post/16076https://forum.magicmirror.builders/post/16076Tue, 28 Feb 2017 13:19:26 GMT<![CDATA[Reply to Display JSON data from an api on Sun, 29 Jan 2017 13:34:15 GMT]]>To add more to this.

This is the output of the API

{"player":{"username":"peppapigkilla","platform":"uplay","ubisoft_id":"bb2c294b-d691-4708-863f-a55242d3270e","indexed_at":"2016-05-29T16:03:49.884Z","updated_at":"2017-01-29T11:38:10.755Z","stats":{"ranked":{"has_played":true,"wins":21,"losses":9,"wlr":2.333,"kills":153,"deaths":127,"kd":1.205,"playtime":42600},"casual":{"has_played":true,"wins":468,"losses":383,"wlr":1.222,"kills":3019,"deaths":2212,"kd":1.365,"playtime":729250.0},"overall":{"revives":92,"suicides":21,"reinforcements_deployed":1765,"barricades_built":985,"steps_moved":4027174420,"bullets_fired":94519,"bullets_hit":27318,"headshots":1193,"melee_kills":23,"penetration_kills":329,"assists":927},"progression":{"level":109,"xp":9128}}}}

I want to create a block that displasy this information.
Not all of it, just some.

This is a bot i use on my discord
alt text

Essentially just the information on this.

]]>https://forum.magicmirror.builders/post/12892https://forum.magicmirror.builders/post/12892Sun, 29 Jan 2017 13:34:15 GMT