A collection of graphic demos to highlight what's possible to create with the <Canvas> tag introduced with HTML5

  1. GuardianChart - interactive timeline of movies
  2. HumblePie - a collection of interactive comparative charts (Pie, Pareto, Funnel, Pyramid)
  3. Deep Zoom - display large collection of images
  4. FinanceChart - google/finance style rangeslider timeseries chart
  5. CoverFlow - twist and skew images to make a convincing filmstrip...
  6. Bezier - use cubic Bezier-curves to display spline-graphs
  7. Casteljau - a visualization of de Casteljau's algorithm to split quadratic Bezier curves into segments
  8. Gauge - trivial use of rotate
  9. Mapchart - zoom and pan a very large vectorized map-representation - CPU-heavy
  10. 3D Gallery (CSS3D and three.js)
  11. Sankey-style diagram showing energy-distributions (d3.js)
  12. Gallery with Ken Burns effect
GuardianChart SilverLight implementation -