diff --git a/notebooks/HelloWorldFigureWidget.ipynb b/notebooks/HelloWorldFigureWidget.ipynb
new file mode 100644
index 0000000000000000000000000000000000000000..9c9122dfa135714eac5d4f65b28ac634b3bb5c78
--- /dev/null
+++ b/notebooks/HelloWorldFigureWidget.ipynb
@@ -0,0 +1,220 @@
+{
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": 1,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "import plotly.graph_objs as go"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 2,
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "application/vnd.jupyter.widget-view+json": {
+       "model_id": "80420e5f8fcb487298e510e4ab0d0bbf",
+       "version_major": 2,
+       "version_minor": 0
+      },
+      "text/plain": [
+       "FigureWidget({\n",
+       "    'data': [], 'layout': {}\n",
+       "})"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    }
+   ],
+   "source": [
+    "fig = go.FigureWidget()\n",
+    "fig"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 3,
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "Scatter({\n",
+       "    'uid': 'a180e8c2-a0d9-11e8-93e4-645aede86e5b', 'y': [2, 1, 4, 3]\n",
+       "})"
+      ]
+     },
+     "execution_count": 3,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "fig.add_scatter(y=[2, 1, 4, 3])"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 4,
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "Bar({\n",
+       "    'uid': 'a194600a-a0d9-11e8-854b-645aede86e5b', 'y': [1, 4, 3, 2]\n",
+       "})"
+      ]
+     },
+     "execution_count": 4,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "fig.add_bar(y=[1, 4, 3, 2])"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 5,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "fig.layout.title = 'Hello FigureWidget'"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": []
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": "Python 3",
+   "language": "python",
+   "name": "python3"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 3
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython3",
+   "version": "3.6.6"
+  },
+  "widgets": {
+   "application/vnd.jupyter.widget-state+json": {
+    "state": {
+     "80420e5f8fcb487298e510e4ab0d0bbf": {
+      "model_module": "plotlywidget",
+      "model_module_version": "^0.2.1",
+      "model_name": "FigureModel",
+      "state": {
+       "_data": [
+        {
+         "type": "scatter",
+         "uid": "a180e8c2-a0d9-11e8-93e4-645aede86e5b",
+         "y": [
+          2,
+          1,
+          4,
+          3
+         ]
+        },
+        {
+         "type": "bar",
+         "uid": "a194600a-a0d9-11e8-854b-645aede86e5b",
+         "y": [
+          1,
+          4,
+          3,
+          2
+         ]
+        }
+       ],
+       "_js2py_pointsCallback": {},
+       "_js2py_relayout": {},
+       "_js2py_restyle": {},
+       "_js2py_update": {},
+       "_last_layout_edit_id": 3,
+       "_last_trace_edit_id": 2,
+       "_layout": {
+        "title": "Hello FigureWidget"
+       },
+       "_py2js_animate": {},
+       "_py2js_deleteTraces": {},
+       "_py2js_moveTraces": {},
+       "_py2js_removeLayoutProps": {},
+       "_py2js_removeTraceProps": {},
+       "_py2js_restyle": {},
+       "_py2js_update": {},
+       "_view_count": 1
+      }
+     },
+     "c1b603b9693e46c7bdd30dcbd7f9142d": {
+      "model_module": "plotlywidget",
+      "model_module_version": "^0.2.1",
+      "model_name": "FigureModel",
+      "state": {
+       "_data": [
+        {
+         "type": "scatter",
+         "uid": "9500c536-a0d9-11e8-bfd1-645aede86e5b",
+         "y": [
+          2,
+          1,
+          4,
+          3
+         ]
+        },
+        {
+         "type": "bar",
+         "uid": "953e5c28-a0d9-11e8-9f8a-645aede86e5b",
+         "y": [
+          1,
+          4,
+          3,
+          2
+         ]
+        }
+       ],
+       "_js2py_relayout": {},
+       "_js2py_restyle": {},
+       "_js2py_update": {},
+       "_last_layout_edit_id": 3,
+       "_last_trace_edit_id": 2,
+       "_layout": {
+        "title": "Hello FigureWidget"
+       },
+       "_py2js_animate": {},
+       "_py2js_deleteTraces": {},
+       "_py2js_moveTraces": {},
+       "_py2js_removeLayoutProps": {},
+       "_py2js_removeTraceProps": {},
+       "_py2js_restyle": {},
+       "_py2js_update": {},
+       "_view_count": 0
+      }
+     }
+    },
+    "version_major": 2,
+    "version_minor": 0
+   }
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 2
+}