D3 Examples - Canvas rendering test

Canvas rendering test

Canvas-based rendering test.

This is a work in progress.

Uses vizflow.js - an application-agnostic interactive visualization engine written using EcmaScript.6 (ES6) with no other external dependencies. The compiled/minified size is under 10 kilobytes, providing a lighter-weight library for adding transition effects to HTML5 documents compared to D3js.

xxxxxxxxxx
 
<!doctype html5>
<html>
  <head>
    <style>
      canvas  { 
          image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
          image-rendering: -moz-crisp-edges;          /* Firefox                        */
          image-rendering: -o-crisp-edges;            /* Opera                          */
          image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
          image-rendering: pixelated; /* Chrome */
          image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
          -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
      }    
    </style>
  </head>
  <body>
    <script src="build.js"></script>
    <script src="greycode.js"></script>
    <script src="jsbin.direve.js"></script>
​
  </body>
</html>
    