Updating demo files...

README.md

@@ -9,3 +9,5 @@ To install all of the files needed for the demo, run:
 
     make demo
 
+# Demo guide
+

altair.md

@@ -0,0 +1 @@
+asfasdfasdfasdf

demo_notes.md → demo.md

@@ -1,5 +1,7 @@
 # JupyterLab Demo
 
+**DON'T TRY THIS AT HOME - LATEST MASTER OF EVERYTHING USED!!**
+
 ## 1) Building blocks of interactive computing
 
 ### Open the building blocks:
@@ -11,22 +13,20 @@
 
 ### Arrange the building blocks in the main area
 
-
 ### Demonstrate left panel plugins:
 
 * File Browser
 * Command Palette
 
 ## 2) File handlers
 
-This works!
-
 JupyterLab has a powerful and extensible architecture for handling a wide
 range of file formats:
 
 * Open this file in the Markdown Viewer and edit
 * Browse through CSV and GeoJSON files from 
-  [Urban Data Challenge](https://github.com/swissnexSF/Urban-Data-Challenge).
+  [Urban Data Challenge](https://github.com/swissnexSF/Urban-Data-Challenge)
+* Open an [VegaLite](https://vega.github.io/vega-lite/) JSON file
 
 ## 3) Connecting building blocks
 
@@ -39,10 +39,10 @@ a wide range of different workflows:
 
 ## 4) Third party plugins/extensions
 
-* Everything in JupyterLab is a plugin - even our own code
-  - NPM, webpack, etc.
-* Third party developers can create, package, ship plugins.
-* The GeoJSON file handler is shipped separately as
-  [jupyterlab_geojson](https://github.com/jupyter/jupyterlab_geojson)
-* [Dask JupyterLab extension](https://github.com/dask/dask-labextension)
-  - Matt Rocklin (Dask, Continuum) is here to demo the Dask JupyterLab extension
+* Everything in JupyterLab is a plugin, even our own code
+* Third party developers can create, package, ship plugins
+* Examples:
+  - [ipywidgets](https://github.com/ipython/ipywidgets)
+  - [GeoJSON file handler](https://github.com/jupyter/jupyterlab_geojson)
+  - [Dask JupyterLab extension](https://github.com/dask/dask-labextension)
+  - [Vega/VegaLite JupyterLab extension](https://github.com/ellisonbg/jupyterlab_vega)

vegalite/demo1.vl.json

@@ -0,0 +1,10 @@
+{
+  "data": {
+    "values": [
+      {"a": "C", "b": 2}, {"a": "C", "b": 7}, {"a": "C", "b": 4},
+      {"a": "D", "b": 1}, {"a": "D", "b": 2}, {"a": "D", "b": 6},
+      {"a": "E", "b": 8}, {"a": "E", "b": 4}, {"a": "E", "b": 7}
+    ]
+  },
+  "mark": "point"
+}

vegalite/demo2.vl.json

@@ -0,0 +1,13 @@
+{
+  "data": {
+    "values": [
+      {"a": "C", "b": 2}, {"a": "C", "b": 7}, {"a": "C", "b": 4},
+      {"a": "D", "b": 1}, {"a": "D", "b": 2}, {"a": "D", "b": 6},
+      {"a": "E", "b": 8}, {"a": "E", "b": 4}, {"a": "E", "b": 7}
+    ]
+  },
+  "mark": "point",
+  "encoding": {
+    "x": {"field": "a", "type": "nominal"}
+  }
+}

vegalite/demo3.vl.json

@@ -0,0 +1,14 @@
+{
+  "data": {
+    "values": [
+      {"a": "C", "b": 2}, {"a": "C", "b": 7}, {"a": "C", "b": 4},
+      {"a": "D", "b": 1}, {"a": "D", "b": 2}, {"a": "D", "b": 6},
+      {"a": "E", "b": 8}, {"a": "E", "b": 4}, {"a": "E", "b": 7}
+    ]
+  },
+  "mark": "point",
+  "encoding": {
+    "x": {"field": "a", "type": "nominal"},
+    "y": {"field": "b", "type": "quantitative"}
+  }
+}

vegalite/demo4.vl.json

@@ -0,0 +1,14 @@
+{
+  "data": {
+    "values": [
+      {"a": "C", "b": 2}, {"a": "C", "b": 7}, {"a": "C", "b": 4},
+      {"a": "D", "b": 1}, {"a": "D", "b": 2}, {"a": "D", "b": 6},
+      {"a": "E", "b": 8}, {"a": "E", "b": 4}, {"a": "E", "b": 7}
+    ]
+  },
+  "mark": "point",
+  "encoding": {
+    "x": {"field": "a", "type": "nominal"},
+    "y": {"aggregate": "average", "field": "b", "type": "quantitative"}
+  }
+}

vegalite/demo5.vl.json

@@ -0,0 +1,14 @@
+{
+  "data": {
+    "values": [
+      {"a": "C", "b": 2}, {"a": "C", "b": 7}, {"a": "C", "b": 4},
+      {"a": "D", "b": 1}, {"a": "D", "b": 2}, {"a": "D", "b": 6},
+      {"a": "E", "b": 8}, {"a": "E", "b": 4}, {"a": "E", "b": 7}
+    ]
+  },
+  "mark": "bar",
+  "encoding": {
+    "x": {"field": "a", "type": "nominal"},
+    "y": {"aggregate": "average", "field": "b", "type": "quantitative"}
+  }
+}

vegalite/demo6.vl.json

@@ -0,0 +1,14 @@
+{
+  "data": {
+    "values": [
+      {"a": "C", "b": 2}, {"a": "C", "b": 7}, {"a": "C", "b": 4},
+      {"a": "D", "b": 1}, {"a": "D", "b": 2}, {"a": "D", "b": 6},
+      {"a": "E", "b": 8}, {"a": "E", "b": 4}, {"a": "E", "b": 7}
+    ]
+  },
+  "mark": "bar",
+  "encoding": {
+    "y": {"field": "a", "type": "nominal"},
+    "x": {"aggregate": "average", "field": "b", "type": "quantitative"}
+  }
+}

vegalite/demo7.vl.json

@@ -0,0 +1,19 @@
+{
+  "data": {
+    "values": [
+      {"a": "C", "b": 2}, {"a": "C", "b": 7}, {"a": "C", "b": 4},
+      {"a": "D", "b": 1}, {"a": "D", "b": 2}, {"a": "D", "b": 6},
+      {"a": "E", "b": 8}, {"a": "E", "b": 4}, {"a": "E", "b": 7}
+    ]
+  },
+  "mark": "bar",
+  "encoding": {
+    "y": {"field": "a", "type": "nominal"},
+    "x": {
+      "aggregate": "average", "field": "b", "type": "quantitative",
+      "axis": {
+        "title": "Average of b"
+      }
+    }
+  }
+}