Gl scatterplot

[mcnuttandrew]

This is an initial pass at making use of deck.gl for a abstract vis rendering engine. This PR adds support for a new series type called MarkSeriesGL, what it's still missing is

• Support for mouse events
• Opacity finesse
• Tests

Delighted to hear thoughts on this approach

[ibgreen]

@mcnuttandrew Very cool. Not sure if this is of interest, but an idea we have been playing with in deck.gl is to provide better React wrappers allowing deck.gl layers be specified as React components. The idea would be to allow the following type code that might make deck.gl easier to use for your purposes.

<DeckGL ...>
    <ScatterplotOverlay ...>
</DeckGL>

Perhaps implemented using something like:

class ScatterplotOverlay extends React.Component {
   constructor() {
      this.Layer = ScatterplotLayer;
   }
   render() { return null; }
}

class DeckGL extends React.Component {
  render() {
    let layers = [];
    React.children.forEach(child => {
      if (child.Layer) {
         layers.push(new child.Layer(child.props));
       }
     }
  }
}

Maybe an adaptation of this idea could be helpful in your integration?

[mcnuttandrew]

@ibgreen That's a great idea! I feel like that would ease legibility lots of different places

[balthazar]

🥇

[balthazar]

💅

const getRandomData = () =>
  new Array(100).fill(0).map(row => ({
    x: Math.random() * 10,
    y: Math.random() * 20,
    size: Math.random() * 10,
    color: Math.random() * 10,
    opacity: 0.9
  })
);

[balthazar]

top: 0, left: 0

[balthazar]

Why passing the props here? Juste get them from the method

[balthazar]

Alternative implementation over ib comment

const DeckGL = ({children}) => 
  children.map(child => child.Layer && new child.Layer(child.props)).filter(l => l)