Make canvases of loss and accuracy plots wider. (#56)

Author: pranayaryal

README.md

@@ -26,10 +26,10 @@ npm run watch
 
 The convention is that each example contains two scripts:
 
-- `yarn watch`: starts a local development HTTP server which watches the
+- `yarn watch` or `npm run watch`: starts a local development HTTP server which watches the
 filesystem for changes so you can edit the code (JS or HTML) and see changes when you refresh the page immediately.
 
-- `yarn build`: generates a `dist/` folder which contains the build artifacts and
+- `yarn build` or `npm run build`: generates a `dist/` folder which contains the build artifacts and
 can be used for deployment.
 
 ## Contributing

mnist/index.html

@@ -25,6 +25,9 @@
         padding: 15px;
       }
       canvas {
+        width: 200px;
+      }
+      .prediction-canvas{
         width: 100px;
       }
       .pred {

mnist/ui.js

@@ -41,6 +41,7 @@ export function showTestResults(batch, predictions, labels) {
     div.className = 'pred-container';
 
     const canvas = document.createElement('canvas');
+    canvas.className = 'prediction-canvas';
     draw(image.flatten(), canvas);
 
     const pred = document.createElement('div');