I needed a way to visualize slow query logs, and I couldn’t find anything out there that quite suited my needs, so I went ahead and built one. Of course, my first thought was to build something in Adobe AIR, but then I thought I should start fiddling with HTML5.
The results of my efforts can be found here.
It’s pretty simple, actually. Only about 200 lines of JS, some CSS and a single HTML page. All the work is done client-side. There’s actually not a lot of HTML5-ness that I coded. I owe a lot to the coolness of list.js and jQuery Visualize.
Keep in mind, if you are using Google Chrome, the app must be hosted on a local (or remote) web server in order to parse the log. Firefox works, and seems to not care either way. This currently does not work in Safari, and I have not tested this in IE9. It probably doesn’t work.
I hope you find this useful. As always, your feedback is welcome. Happy Holidays!