no flashing

src/components/graph/drawGraph.js

@@ -114,6 +114,9 @@ const _drawGraphUsingRenderQueue = (
     }
   })
 
+  /* clear canvas */
+  context.clearRect(0, 0, globals.graphWidth, globals.graphHeight);
+
   const _renderGraphWithFunctionReturnedByQueue = renderQueue(
     drawGraph(
       context,
@@ -133,7 +136,7 @@ const _drawGraphUsingRenderQueue = (
   return _renderGraphWithFunctionReturnedByQueue;
 }
 
-export const drawGraphUsingRenderQueue = _.debounce(_drawGraphUsingRenderQueue, 50);
+export const drawGraphUsingRenderQueue = _.debounce(_drawGraphUsingRenderQueue, 20);
 
 const setupGraphBrush = (
   svg,

src/components/graph/graph.js

@@ -82,8 +82,6 @@ class Graph extends React.Component {
       // nextProps.expressions &&
       // nextProps.expressionsCountsMap &&
     ) {
-      /* clear canvas */
-      this.state.ctx.clearRect(0, 0, globals.graphWidth, globals.graphHeight);
 
       drawGraphUsingRenderQueue(
         this.state.ctx,

src/components/scatterplot/drawScatterplotCanvas.js

@@ -60,6 +60,8 @@ export const drawScatterplotCanvasUsingRenderQueue = (
   scatterplotXXaccessor,
   scatterplotYYaccessor
 ) => {
+  /* clear canvas */
+  context.clearRect(0, 0, width, height);
 
   const _currentCellSelectionMap = _.keyBy(currentCellSelection, "CellName"); /* move me to the reducer */
 

src/components/scatterplot/scatterplot.js

@@ -74,8 +74,6 @@ class Scatterplot extends React.Component {
       this.state.xScale &&
       this.state.yScale
     ) {
-      /* clear canvas */
-      this.state.ctx.clearRect(0, 0, width, height);
       drawScatterplotCanvas(
         this.state.ctx,
         this.state.xScale,