Vega Grouped Bar - Streaming Data

<html>
  <head>
    <title>Vega Scaffold</title>
    <script src="https://vega.github.io/vega-editor/vendor/d3.min.js"></script>
    <script src="https://vega.github.io/vega-editor/vendor/d3.geo.projection.min.js"></script>
    <script src="https://vega.github.io/vega-editor/vendor/topojson.js"></script>
    <script src="https://vega.github.io/vega/vega.min.js"></script>
  </head>
  <body>
    <div id="vis"></div>
  </body>
<script type="text/javascript">

vg.parse.spec("grouped_bar.json", function(chart) { 
	  view = chart({el:"#vis"});
	  view.update();
	  var tableData = [
        {"category":"A", "position":"a", "value":0.1},
        {"category":"A", "position":"b", "value":0.6},
        {"category":"A", "position":"c", "value":0.9},
        {"category":"A", "position":"d", "value":0.4},
        {"category":"B", "position":"a", "value":0.7},
        {"category":"B", "position":"b", "value":0.2},
        {"category":"B", "position":"c", "value":1.1},
        {"category":"B", "position":"d", "value":0.8},
        {"category":"C", "position":"a", "value":0.6},
        {"category":"C", "position":"b", "value":0.1},
        {"category":"C", "position":"c", "value":0.2},
        {"category":"C", "position":"d", "value":0.7}
      ];
      view.data('table')
        .remove(function(d) {return true;});
			view.update();
			view.data('table')
				.insert(tableData);
			view.update();
	});

</script>
</html>

Modified http://vega.github.io/vega-editor/vendor/d3.min.js to a secure url

Modified http://vega.github.io/vega-editor/vendor/d3.geo.projection.min.js to a secure url

Modified http://vega.github.io/vega-editor/vendor/topojson.js to a secure url

Modified http://vega.github.io/vega/vega.min.js to a secure url

https://vega.github.io/vega-editor/vendor/d3.min.js

https://vega.github.io/vega-editor/vendor/d3.geo.projection.min.js

https://vega.github.io/vega-editor/vendor/topojson.js

https://vega.github.io/vega/vega.min.js