HTML5 cool examples and tools - God is in the details

Cool Site

http://mudcu.be/piano/

http://www.graphycalc.com/

Common

canvasXpress (LGPL3)

http://canvasxpress.org/

Node-Edge graph

Znode

Znode is a minimalistic browser based flowchart editor.

http://zreference.com/znode/

JavaScript InfoVis Toolkit

The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.

http://thejit.org/
http://thejit.org/static/v20/Jit/Examples/Spacetree/example1.html

canviz

Canviz is a JavaScript library for drawing Graphviz graphs to a web browser canvas. More technically, Canviz is a JavaScript xdot renderer. It works in most modern browsers.

http://code.google.com/p/canviz/
http://www.ryandesign.com/canviz/

D3.js

D3.js is a small, free JavaScript library for manipulating documents based on data.

http://mbostock.github.com/d3/

JointJS (MIT license)

JointJS is a JavaScript library for creating diagrams. The diagrams can be fully interactive. Joint library is suitable for both implementing a diagramming tool as well as simply for publishing your diagrams.

http://www.jointjs.com/

mxGraph(commercial)

mxGraph is simple, you include it as a JavaScript link in your HTML file and you instantly have access to the cleanest, most functional native browser diagramming component available.

http://www.jgraph.com/mxgraph.html
http://www.diagram.ly/

Time series graph

Envision.js

Envision.js is a library for creating fast, dynamic and interactive HTML5 visualizations.
http://www.humblesoftware.com/envision
https://github.com/HumbleSoftware/envisionjs

Morris.js (Simplified BSD License)

Morris.js started life as the code that powered the graphs on howmanyleft.co.uk. Now it's been open-sourced for the whole world to extend and enjoy.
http://oesmith.github.com/morris.js/

Rickshaw (MIT license)

Rickshaw is a JavaScript toolkit for creating interactive time series graphs. It's all based on d3 underneath, so graphs are drawn with standard SVG and styled with CSS. Customize all you like with techniques you already know.
http://code.shutterstock.com/rickshaw/
http://code.shutterstock.com/rickshaw/examples/lines.html

Flot(MIT License)

Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side.
http://code.google.com/p/flot/
http://people.iola.dk/olau/flot/examples/realtime.html

Smoothiecharts(MIT License)

Smoothie Charts is a really small charting library designed for live streaming data.
http://smoothiecharts.org/

Cloumon(GPL)

http://www.cloumon.org/
https://github.com/gruter/cloumon/wiki

Cube

Cube is an open-source system for visualizing time series data, built on MongoDB, Node and D3.
http://square.github.com/cube/

CoffeeStat

CoffeeStat will rock your world. And show you how much CPU your VPS is using. Then it rock your world again. And show you how much RAM your VPS is using. Then rock your world one last time before blowing your mind.
https://github.com/dekz/CoffeeStat