Charts with Javascript: even more ways to kill Flash

// Javascript-powered chart solutions is a favorite topic of mine, so here are a few more options for you- NVD3 (http://nvd3.org/) builds upon the powerful D3 library and currently supports 11 different interactive chart types

- Rickshaw (http://code.shutterstock.com/rickshaw/) also built on D3, can be used for live-data time graphs with 4 customisable chart types

_ gRaphaël (http://g.raphaeljs.com/) is based on Raphaël and has 4 different chart types including a dot chart

- YUI charts (http://yuilibrary.com/yui/docs/charts/) is part of the YUI library and supports 7 chart types

- Polychart.js (http://polychartjs.com/) has 5 chart types which can be combined.

Depending on your situation and needs any of this could work, but surely NVD3 stands out. For more on the topic, see here http://bit.ly/g-chart

Chart.js: cross-browser, animated, HTML5 charts

//Non-Flash charts is a favourite topic of mine (see more here http://bit.ly/g-chart), basically because charts have been one of the last things Flash could do that HTML couldn't. This of course has been changing a lot the last few years. 

Another very recent (released yesterday!) example of is Chart.js. It packs: 
- 6 animated chart types: Line, bars, radar, pie, polar area and doughnut
- Canvas-based vector output which means crystal clear graphics at any resolution
- Cross-browser support on modern browsers, support for IE8 and below through ExplorerCanvas
- No Flash = Mobile-ready (kind of obvious since it's HTML5 but worth noting) 
- Lightweight and very good documentation (for a 0.1 release) 

Get Chart.js here http://bit.ly/chartjs

(Found via +Michael Mahemoff and +Stephen Bond)

Organization Chart with jQuery? Done!

// One of the things I love about #jQuery  is that amazing community that has produced a plethora of solutions. This means that if you have a problem, it's quite possible that someone else has dealt with it before. 

If you're looking for a #javascript  solution to displaying an organization chart, Wes Nolte's jOrgChart comes to the rescue:
- Very easy to use given a nested unordered list element
- Drag-and-drop reorganisation of elements
- Showing/hiding a particular branch of the tree by clicking on the respective node
- Nodes can contain any amount of HTML except <li> and <ul>
- Easy to style

Get it here: http://bit.ly/WuBYIG
For other jQuery #chart solutions see here: http://bit.ly/VBCdoy

Javascript solutions for your chart needs

Die Flash, Die!

If you hate using Flash for your chart needs or just want a modern solution that will work on all devices, here are some alternatives:

1) Morris.js, based on #jQuery and #Raphaël , will give you beautiful looking line charts http://bit.ly/IqRdA9
2) From the maker of Highslide, Highcharts provides a range of chart options and works with either jQuery, #MooTools or #Prototype frameworks http://bit.ly/IeyibA
3) jqPlot is also based on jQuery and provides several types of charts http://bit.ly/IFBNml
4) Flot is another jQuery solution with support for lines, points, filled areas, bars and any combinations of these, in the same plot and even on the same data series. http://bit.ly/HwGGEk
If you have any other suggestions, drop them in the comments ;)

Morris.js

Google+: Reshared 3 times
Google+: View post on Google+

Gantt charts with Javascript

I've been using an old #jQuery plugin called "jquery.gantt" with limited features and it was time for an upgrade. My search ended with JSGantt, an open source #javascript solution that covers everything you would want:
- Task, (collapsible) task groups & milestones
- Multiple dependencies
- Multiple formats (day, week, month, etc)
- Data loading through XML

Get JSGantt here http://bit.ly/wxeDbO
For an alternative, see dhtmlxGantt http://bit.ly/AEvOr8 (doesn't do multiple periods though, it's only on an daily format)

Google+: View post on Google+

Give me a Gantt chart and I'm sold!

Give me a Gantt chart and I'm sold!

Embedded Link

HTML5 Charts for Mobile Devices | Touch Charts | Sencha Touch | Products | Sencha
Sencha Touch Charts enables you to build complex charts with stunning interactivity and incredible ease of use.

Google+: View post on Google+