ThermoMan / Thermostat-Tracking

Code to track and chart data from the 3M-50 WiFi enabled thermostat
8 stars 10 forks source link

Other charting methods #12

Closed unlstorm closed 11 years ago

unlstorm commented 12 years ago

How you looked into any other charting methods such as XML/SWF charts?

http://www.maani.us/xml_charts/index.php?menu=Gallery&submenu=Scroll_2

This charting library appears to have tons of features and supports dynamic manipulation of data ranges from the user. In the example chart above you can see a rough graph of a long duration such as a year. When you move the scrollbar you can see a smaller window with more detail. And when you move your mouse in the detail window you can follow the plots for raw detailed values.

Another javascript/html5 tool is amcharts: http://www.amcharts.com/javascript/line-chart-with-multiple-value-axes/

ThermoMan commented 12 years ago

That first one looks cool, but it uses Flash and won't work on smart phones. iPhone never had Flash and recently Flash was removed from Android.

That second one looks pretty neat.

unlstorm commented 12 years ago

I still have the Droid Bionic and it has Flash. But I am still waiting for the ICS update. So it seems as if Flash is dying by the sounds of it. The rendering times are killing me on my Synology NAS as my webserver host. I'm considering trying to undertake either pcache implementation with pchart or switching over to client side data processing/charting. A while back you said you had another project you were using client side javascript for. Is that on github?

Wow... I like this chart I see here:

http://www.amcharts.com/stock/multiple-datasets/

It has multiple "Quick" zoom features and you can manually stretch the zoom. Also prints the data on mouse over... Thinking this may be the ticket... How does it look on your phone?

unlstorm commented 12 years ago

I think I'm going to experiment with amcharts and see if I can get it working with the current database as a feeder.

ThermoMan commented 12 years ago

https://github.com/ThermoMan/TED-5000-Electricity-Tracking

This is the other project, it uses a JavaScript client side chart tool.

ThermoMan commented 11 years ago

I think pChart is dead. The forum is filling up with spam. I have become dis-satisfied with the JavaScript charting on my other project and will be reverting it back to pChart (yes, I know I just said that I think pChart is dead) The multiple-datasets chart in your link unlstorm has a feature I like - the ability to change the display data range dynamically and on the fly. I'll have to look at that charting some more and think about it. While I do like the 'clean' look of charts with no background, overall I think I prefer the chart backgrounds and color scheme I've picked for this project. I go back and forth on it. For now though, I'm sticking with pChart. If you have the inclination and energy please fork and try a different charting package. More is always better.

devzzm commented 11 years ago

what javascript lib did you use? did you ever check out http://www.highcharts.com/

ThermoMan commented 11 years ago

That is a pretty set of charts. I used http://dygraphs.com/ in my other project https://github.com/ThermoMan/TED-5000-Electricity-Tracking

unlstorm commented 11 years ago

Wow, some discussion revival. Wish I had actual time to spend on this some more. I'm still disappointed with the performance of pchart on my Synology NAS webserver. Even though I love the look of the charts you've done with pchart I can't get over how long it takes me to see the data I want to see without getting impatient and moving on to other things. The www.highcharts.com (high stocks demo) looks eye pleasing and provides the client side processing benefits I'm seeking.

ThermoMan commented 11 years ago

Can't use highcharts. I don't qualify for the free use and I don't plan to pay (because it might set other users up as required to pay too)

This is from their website....

You can use our software for free under the non-commercial license When you are:

A student, university or a public school
A non-profit organisation
Developing and testing applications using Highcharts/Highstock

Might be able to combine a manually generated background (and hard coded scale) with a JavaScript chart. One thing about dygraph that does impress me is that I have 1440 data points per day and over a years worth of data in the charts. The web pages are huge, but the graph still responds fast.

unlstorm commented 11 years ago

Do you already have this product being used for more than personal websites?

It's free for personal websites http://creativecommons.org/licenses/by-nc/3.0/

Here's another free one: http://code.shutterstock.com/rickshaw/examples/extensions.html

Or the top 5: http://javascripted.me/top-5-free-javascript-chart-libraries.html#.UXoAYMo52t8