count on class

src/components/expression/expressionButtons.js

@@ -43,6 +43,9 @@ class Expression extends React.Component {
     return (
       <div>
         <div style={{margin: 10}}>
+        <div style={{margin: 10, width: 300}}>
+        There are currently 10 cells selected, click a cell set button to store them.
+        </div>
         <CellSetButton
           {...this.props}
           eitherCellSetOneOrTwo={1}/>

src/components/graph/graph.js

@@ -51,6 +51,7 @@ class Graph extends React.Component {
 
   constructor(props) {
     super(props);
+    this.count = 0;
     this.state = {
       drawn: false,
       svg: null,
@@ -76,7 +77,6 @@ class Graph extends React.Component {
     const colorBuffer = regl.buffer(generateColors(count))
     const sizeBuffer = regl.buffer(generateSizes(count))
 
-
     regl.frame(({viewportWidth, viewportHeight}) => {
 
       regl.clear({
@@ -89,7 +89,7 @@ class Graph extends React.Component {
         distance: camera.distance,
         color: colorBuffer,
         position: pointBuffer,
-        count: count,
+        count: this.count,
         view: camera.view(),
         scale: viewportHeight / viewportWidth
       })
@@ -101,7 +101,7 @@ class Graph extends React.Component {
       regl,
       pointBuffer,
       colorBuffer,
-      sizeBuffer,
+      sizeBuffer
     })
 
   }
@@ -169,7 +169,7 @@ class Graph extends React.Component {
             ]);
           }
 
-          sizes.push(cell["__selected__"] ? 4 : 1)
+          sizes.push(cell["__selected__"] ? 4 : .2) /* make this a function of the number of total cells, including regraph */
 
         }
       })
@@ -177,6 +177,7 @@ class Graph extends React.Component {
       this.state.pointBuffer(positions)
       this.state.colorBuffer(colors)
       this.state.sizeBuffer(sizes)
+      this.count = positions.length
     }
   }
   handleBrushSelectAction() {