#logviz
An HTML5-based log visualizer.
###Overview
This tool allows you to load log files of a variant of JSON format (format allows one JSON object per line in the file) and view the results plotted out in an animated way as the data from the file is asynchronously loaded. The tool allows for the loading of a header file, which can be used to initialize the plot graph bounds without having to read through the whole log file (useful in the cases of large log files).
###Basic Instructions
- Click Load Files
- Click Choose File and browse to select the file (repeat this for both the header and detail files).
- Click the Load button
- Multi-select the desired Plot Data Fields
- You can choose to initialize the X and Y axes by clicking set from selected field data next to View Range or skip this step and enter in the ranges manually.
- The X and Y axes can be further adjusted if you need to adjust the graph to hone in more granularly.
- Click the Start button
###Browser Compatibility
Supported in all modern browsers which support HTML5 Canvas and FileReader.
###Testing Fun
Included in the source code is a node.js file called gen-test-data.js. If you have node installed, you can run this to generate random test data of any size. The sample-h.json and the sample-d.json are samples that have been pre-generated by this utility which you can use for testing.
###Future
This tool is rough for now, but may see the following future mods:
- add support for CSV
- add support for W3C log format
- make it prettier
- make it appear like you are on a movie "hacking into the mainframe" when using this tool :)