add streaming style attributes example

etpinard · etpinard · commit 63eec6e525fe · 2015-07-21T17:22:08.000-04:00
diff --git a/examples/streaming-style-attributes.js b/examples/streaming-style-attributes.js
@@ -0,0 +1,57 @@
+var config = require('./config.json'),
+    username = config.user,
+    apikey = config.apikey,
+    tokens = config.tokens,
+    Plotly = require('../.')(username, apikey);
+
+function initTrace(token) {
+    return {
+        x: [],  // init. data arrays
+        y: [],
+        type: 'scatter',
+        mode: 'markers',
+        marker: { color: '#91C149' },
+        stream: {
+            'token': token,
+            'maxpoints': 100
+        }
+    };
+}
+
+var data = tokens.map(initTrace);
+
+var layout = {
+    filename: 'stream-style-attributes',
+    fileopt: 'overwrite',
+    layout: {
+      title: 'streaming data <i>and</i> style attributes'
+    },
+    world_readable: true
+};
+
+Plotly.plot(data, layout, function(err, resp) {
+    if(err) return console.log('ERROR', err, data);
+    console.log(resp);
+
+    tokens.forEach(function(token) {
+        var plotlystream = Plotly.stream(token, function() {
+                clearInterval(loop);
+            }),
+            i = 0;
+
+        var loop = setInterval(function() {
+            var streamData = {
+                x: Math.random(),
+                y: 2 * Math.random(),
+                marker: { color: '#91C149' }
+            };
+
+            // pts below threshold get a different color
+            if(streamData.y < 1) streamData.marker.color = '#000000';
+
+            plotlystream.write(JSON.stringify(streamData) + '\n');
+            i++;
+
+        }, 1000);
+    });
+});
