Chaos Section

Gas Mileage Comparison Plotting Using Google Code's Flot

GOAL: to allow user input and interaction with the plot. Currently, at my homesite at http://www.eukota.com, I have a page that does not allow interaction with the plot but does allow users to change the input.

Lower MPG:

Higher MPG:

Savings Goal:


One of the goals of Flot is to support user interactions. Try pointing and clicking on the points.

Mouse hovers at (0, 0).

A tooltip is easy to build with a bit of jQuery code and the data returned from the plot.

Enable tooltip

last updated April 14, 2007 at 3:30 PM