09 Dec 2008 @ 5:31 PM 

I’m testing out flot, a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side. The bit below allows you to input a gas mileage for two cars and the amount of money you would like to save. Then click the “Flot It!” button and the result is a plot of cost per gallon of gas vs miles needed to drive to reach the “Savings Goal”.

Currently, this is compatible with Google Chrome and Internet Explorer. I have had trouble getting it to work in Firefox. I have not tried loading it in Safari yet.

Lower MPG:

Higher MPG:

Savings Goal:


[UPDATE] December 9, 2008
Learned a little more JavaScript but at this point am unable to call the function specifically. I'm not sure Flot is actually designed to be called from form data. I have not found a record of it being used this way yet. If you find one, please forward me a link.

[UPDATE] December 9, 2008
It now works in Google Chrome web browser but not yet in Firefox or Internet Explorer. Working on that now...

[UPDATE] December 9, 2008
Now it works in IE (there turned out to be an IE specific .js library called excanvas that I had to include). Still no luck in FireFox. ><

Posted By: admin
Last Edit: 09 Dec 2008 @ 06:51 PM

EmailPermalink
Tags
Categories: Math


 

Responses to this post » (2 Total)

 
  1. Nate says:

    Is this supposed to calculate a new graph when I put numbers in? I have allowed eukota.com to run scripts, but nothing is happening. Linux Firefox 3.0.4

    – Nate

  2. admin says:

    Nate, Ultimately, yes that is my goal. But as the text reads right now, I’m still learning how to do it. I just need to re-learn a bit of JavaScript for taking inputs from boxes and then learn the function call to re-plot them in the flot window.
    –darrell

Post a Comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Tags
Comment Meta:
RSS Feed for comments

 Last 50 Posts
 Back
Change Theme...
  • Users » 1
  • Posts/Pages » 57
  • Comments » 25
Change Theme...
  • VoidVoid « Default
  • LifeLife
  • EarthEarth
  • WindWind
  • WaterWater
  • FireFire
  • LightLight

Projects



    No Child Pages.

Resume



    No Child Pages.

Photos



    No Child Pages.