It's OK for a proof of concept, but this needs a more up-to-date feed of gas prices.

The fuel consumption and odometer look good, it's probably not converting from gallons to liters or km to miles in the right place.

We can probably drop IE8 support but I noticed this when setting to IE8 compatibility mode to get around #23.

I think we need to use ActiveXObject in IE9 and not XMLHttpRequest. IE9 fails unless I put it in IE8 compatibility mode.

Feature to allow users to upload their own trace file for visualization. Validation for the upload file are:

• must be text file
• must not be a very large file (say 1MB?)
• contains valid JSON data

Try loading the "aggressive driving" trace, which doesn't have GPS and you get JavaScript errors:

Unable to add map path (TypeError: Cannot read property 'lat' of undefined) map.js:164
Uncaught TypeError: Cannot read property 'latitude' of undefined fuel.js:11

http://aws.typepad.com/aws/2012/08/amazon-s3-cross-origin-resource-sharing.html

The format of the trace files now is more of a raw, per-sensor dynamics log. It's compact, but it's hard to use when trying to come to any conclusions about the state of the vehicle.

What if instead, we had a list of data points where each point had a value for every sensors we support, e.g.:

{"name": "my-trace",
"records": [
    {"timestamp": 12345.1,
        "location": {"latitude": 42.2, "longitude", -82.1},
        "vehicle_speed": 19.2,
        "transmission_gear_position": "first",
        ...
    },
    ...
]}

A new record would be generated if any of the sensors values changed, and the other values would be carried over from the previous record. It's not an especially efficient data structure, but analysis will be much simpler and faster with this format.

I think we can add controls with Leaflet to do this in the map itself.

Sections where brake is active should be shaded in.

It has the initial gear position we need to make the histogram accurate.

• All javascript
• List of file URLs
• Select file from dropdown, load async (include loading dialog)
• Parse line by line to find data
• Highlight route in map in left column (possible add trace in realtime while
  streaming download)
• Add some data below with d3 or other charting lib - highcharts again?
• White background, clean style with hairline black borders
• Host on GH pages, host traces on S3