|
JungleDragon karma chart demo
|
| You updated your profile1 hrs ago (+5 karma) |
You uploaded image "Spyke killer"20 min ago (+75 karma) |
Tag Female impala added to your favorites18 min ago (+3 karma) |
You uploaded image "Female impalas"5 min ago (+75 karma) |
You updated image "Female impalas"5 min ago (+10 karma) |
Your image "Female impalas" was moderated by jungle4 min ago (0 karma) |
jungle voted on your image "Female impalas"4 min ago (+2 karma) |
You posted a comment on image "Female impalas" by fchristant4 min ago (+1 karma) |
jungle voted on one of your comments of image "Female impalas"3 min ago (-1 karma) |
A comment was posted on your image "Female impalas" by jungle3 min ago (+6 karma) |
You voted on a comment by jungle on image "Female impalas"3 min ago (+1 karma) |
You deleted "Female impalas"3 min ago (-83 karma) |
You uploaded image "Greenfield landscape"2 min ago (+75 karma) |
You added image "Greenfield landscape" to your favorites2 min ago (0 karma) |
You posted a comment on image "Greenfield landscape" by fchristant2 min ago (+1 karma) |
Tag South Africa added to your favoritesa minute ago (+3 karma) |
You added Troll as a frienda minute ago (+1 karma) |
You deleted "Spyke killer"a minute ago (-75 karma) |
You removed jungle from your friends52 sec ago (-1 karma) |
You posted a comment on image "female impala" by fchristant22 sec ago (+1 karma) |
| 2677 |
2752 |
2755 |
2830 |
2840 |
2840 |
2842 |
2843 |
2842 |
2848 |
2849 |
2766 |
2841 |
2841 |
2842 |
2845 |
2846 |
2771 |
2770 |
2771 |
What is this?
Above is the JungleDragon karma chart control. This control lists karma events in the JungleDragon application. Go ahead and hover it to see the full effect.
Why?
This control is designed as a rich visualization for a user to see trend data. In this example, it concerns the reputation of a user.
Is this Flash?
No, that's the beauty of it. This chart does not require Flash. It it based upon the Raphael Javascript library and works in most browsers, even IE.
Can I use this too?
Yes, you can. You are allowed to grab the code of this example and modify it to your own needs. Do note that this example is not coded to be a generic component, so you may have to dive in deep. You're on your own!