Forums Kongregate

User Badge Graphs

58 posts

Flag Post

Hi folks, lately I was playing around with Kongregate’s badge JSON data, and I wanted to visualize it. So I came up with this nifty JavaScript graph of all my badges and points earned over time.

Here’s an example of what it looks like:




Compare any two users:


You can access it here: http://zalbee.intricus.net/kong/

You can also copy and paste the URL (with your username) to show other people your stats (you don’t have to be logged into Kong). For example:

http://zalbee.intricus.net/kong/graph.php?u=zAlbee leads to my own badge data.

Technical info: The graphs are drawn using HTML5 canvas and the dygraphs JavaScript library. You will need a modern browser that supports these. Both Google Chrome and Firefox work fine. Internet Explorer works fine starting from version 9. I added support for some older versions of IE (using excanvas), but they will be much slower than browsers with native canvas support.

Let me know what you think!

 
Flag Post

Reserved

 
Flag Post

I like it.
Good job.

 
Flag Post

That is awesome.

 
Flag Post

Hmmmm…. Mine won’t graph…. Can someone post mine for me? Anyway, thats pretty awesome.

 
Flag Post

400 badges this year for me? Nice, thought it would of been around 150.

 
Flag Post
Originally posted by Jeimuzu185:

400 badges this year for me? Nice, thought it would of been around 150.

Same for me, except those would be all the badges I have earned on this account. Shame it is more than half of what is on the main I had for 4 times the time.

 
Flag Post
Originally posted by squidward568:

Hmmmm…. Mine won’t graph…. Can someone post mine for me? Anyway, thats pretty awesome.

The graphs use JavaScript, so you will need a fairly modern browser to display it (e.g. mobile won’t work). EDIT: It also doesn’t work in Internet Explorer. I may be able to fix that.

 
Flag Post

Holy shit. That is awesome.

 
Flag Post

Damn… Can someone take a photo of mine? And will google chrome work>

 
Flag Post

I fixed it for Internet Explorer. If you must use IE, please use IE 9 – it will be much faster than IE 8. However I confirmed that IE8 also works.

I also added some extra graphs to compare vs all Kong badges and % completion. Enjoy!

 
Flag Post


Works on Safari (iPod)…
But it only proves that I rarely play on badges games…. I’m more of a community/multiplayer gamer.

 
Flag Post

Awesome work!

 
This post has been removed by an administrator or moderator
 
Flag Post

It works with Chrome, IE8, IE9, Safari, Firefox 3.6.16, Firefox 4.0, Firefox 6.0.1, Firefox 9.01a, Konqueror, XBrowser, and Camino, but NOT Netscape Navigator 0.9.

(Why do I even have that installed, anyway?)

 
Flag Post

My graph is pretty much a steady growth from March 2010.

And I have some pretty interesting other graphs.

 
Flag Post
Originally posted by Hunkadunkus:


Works on Safari (iPod)…

Originally posted by Sellyme:

It works with Chrome, IE8, IE9, Safari, Firefox 3.6.16, Firefox 4.0, Firefox 6.0.1, Firefox 9.01a, Konqueror, XBrowser, and Camino, but NOT Netscape Navigator 0.9.

(Why do I even have that installed, anyway?)

Great! Good to know that even iOS devices will work. Wow, I can’t believe you have any version of Netscape Navigator, let alone one that is older than 3.0 or 4.0!

 
Flag Post

Great work.

 
Flag Post

Love it; the second and third graph are way more interesting than the first, so I’d prefer one of those as default. The second graph could use a “point percentage” as well, if possible :)

 
Flag Post

Brilliant work. :D
Interesting to see as well.

How long did it take to make?

 
Flag Post

Awesome work on this, very well done, and I love it. That’s kind of crazy to think that I got 75% of the badges (that existed at the time) within a month and a half of joining the site, and that I’ve been at 98% or more of badges for almost 2 years now.

 
Flag Post

Could you make it work with Mobile badges? (those are the only badges I get)

 
Flag Post

@Danaroth: Yep, the 2nd and 3rd graphs are especially interesting for people with high badge count, but look weird/confusing for newbies and inactive accounts. Here’s an interesting inactive low account: http://zalbee.intricus.net/kong/graph.php?u=jmtb02. The first graph works for everyone, so I will probably keep it default. Point % can be easily done, but I kinda like the simplicity right now. I’ll see about adding options.

@Suxilo: The first graph took about 2 hours to get up and running, though the data was hard-coded. Since then, I’ve spent a couple evenings adding features and cleaning it up, plus today.

@Rival: Regarding mobile badges, I don’t know where to access that data. I’m using the badges.json file provided by Kong right now, and it doesn’t contain them. If anyone knows where to find it, I’ll add it.

 
Flag Post

I don’t believe Kongregate has a JSON feed for the mobile badges, unfortunately, so that probably is not doable at the present.

 
Flag Post

The mobile app uses a few data sources to nab their badges.

The current list is here (mobile badge JSON)

How to get individual users JSON feeds I’m not sure.


Source: Doing Java Debugging on my Droid X for an app I was making when no interwebz support was available and it threw an exception 06-30 15:50:12.497: ERROR/KONG(2239): IOException during HTTP get: m.kongregate.com/mobile_app_manifests.json?arcade_build_tag=market&build_id=VZW&product=shadow_vzw&device=cdma_shadow&manufacturer=motorola&brand=verizon&model=DROIDX&hardware=mapphone_cdma&app_version=1.5.9&app_version_code=10509&android_version=2.2.1&mobile_device_id=XXXXX

The mobile device id at the end might help identify which badges have been earned though I doubt it.

EDIT That list actually is probably just a list of mobile games. Way to many to be badged games. :D Probably should have looked at that before posting.