User Badge Graphs

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:

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!

Reserved

I like it.
Good job.

That is awesome.

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

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

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.

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.

Holy shit. That is awesome.

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

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!

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

Awesome work!

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?)

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

And I have some pretty interesting other graphs.

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!

Great work.

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 :)

Brilliant work. :D
Interesting to see as well.

How long did it take to make?

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.

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

@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.

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

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.