diff --git a/demo/index.html b/demo/index.html
index 26a51caf..3b43b444 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -29,6 +29,8 @@
   <script type="text/javascript" src="../src/backend/base.js"></script>
   <script type="text/javascript" src="../src/backend/memory.js"></script>
   <script type="text/javascript" src="../src/backend/webstore.js"></script>
+  <script type="text/javascript" src="../src/backend/dataproxy.js"></script>
+  <script type="text/javascript" src="../src/backend/elasticsearch.js"></script>
   <script type="text/javascript" src="../src/view.js"></script>
   <script type="text/javascript" src="../src/view-grid.js"></script>
   <script type="text/javascript" src="../src/view-flot-graph.js"></script>
@@ -45,6 +47,11 @@
         </ul>
         <form class="webstore-load pull-right" title="Update from the specified webstore dataset">
           <input type="text" name="source" size="50" />
+          <select name="backend_type">
+            <option value="dataproxy">DataProxy</option>
+            <option value="elasticsearch">ElasticSearch</option>
+            <option value="webstore">Webstore</option>
+          </select>
         </form>
       </div>
     </div>
diff --git a/demo/js/app.js b/demo/js/app.js
index 54583b94..d3ed89ab 100755
--- a/demo/js/app.js
+++ b/demo/js/app.js
@@ -76,11 +76,13 @@ function setupLoadFromWebstore(callback) {
     e.preventDefault();
     var $form = $(e.target);
     var source = $form.find('input[name="source"]').val();
+    var type = $form.find('select[name="backend_type"]').val();
     var dataset = new recline.Model.Dataset({
-        id: 'gold-prices',
+        id: 'my-dataset',
+        url: source,
         webstore_url: source
       },
-      'webstore'
+      type
     );
     callback(dataset);
   });