A collection of graphic demos to highlight what's possible to create with the
<Canvas> tag introduced with HTML5
-
GuardianChart - interactive timeline of movies
-
HumblePie - a collection of interactive comparative charts (Pie, Pareto, Funnel, Pyramid)
-
Deep Zoom - display large collection of images
-
FinanceChart - google/finance style rangeslider timeseries chart
-
CoverFlow - twist and skew images to make a convincing filmstrip...
-
Bezier - use cubic Bezier-curves to display spline-graphs
-
Casteljau - a visualization of de Casteljau's algorithm to split quadratic Bezier curves into segments
-
Gauge - trivial use of rotate
-
Mapchart - zoom and pan a very large vectorized map-representation - CPU-heavy
-
3D Gallery (CSS3D and three.js)
-
Sankey-style diagram showing energy-distributions (d3.js)
-
Gallery with Ken Burns effect