feat<demo>: small changes

Author: HarshKhandeparkar

example/examples/drawboard.js

@@ -1,7 +1,7 @@
 // Draw Board
 const drawBoardOptions = {
   canvas: document.getElementById('drawboard-canvas'),
-  dimensions: [1000, 1000],
+  dimensions: [420, 360],
 
   xScaleFactor: 1,
   yScaleFactor: 1,

example/examples/linegraph.js

@@ -28,12 +28,16 @@ const lineGraphOptions = {
 
 const LineGraph = new GPUjsRealRenderer.RealLineGraph(lineGraphOptions);
 const progressModeSelector = document.querySelector('#progress-mode');
-// progressModeSelector.oninput = e => {
-//   e.preventDefault();
-//   lineGraphOptions.progressionMode = progressModeSelector.value;
-//   LineGraph.progressionMode = lineGraphOptions.progressionMode;
-//   LineGraph.reset();
-// }
+progressModeSelector.oninput = e => {
+  e.preventDefault();
+  lineGraphOptions.progressionMode = progressModeSelector.value;
+  LineGraph.progressionMode = lineGraphOptions.progressionMode;
+  LineGraph.stopRender();
+  LineGraph.reset();
+  LineGraph.draw();
+
+  if (LineGraph.progressionMode === 'continous') LineGraph.startRender();
+}
 
 LineGraph.draw(); // To draw the initial axes
 

example/index.html

@@ -24,10 +24,10 @@ <h3 class="example-name"># Progressive Line Graph</h3>
           <br />
 
           <label for="progress-mode">Progress Mode: </label>
-          <select name="progress-mode" disabled id="progress-mode" value="squeeze">
+          <select name="progress-mode" id="progress-mode" value="squeeze">
             <option value="overflow">Overflow</option>
             <option value="continous">Continous</option>
-            <option value="overflow" selected>Squeeze</option>
+            <option value="squeeze" selected>Squeeze</option>
           </select>
           <br />
           <button id="add">Add Data</button>