texodus · July 15, 2019 17:30 · Jul 15, 2019 · Jul 15, 2019 · May 28, 2019 · May 28, 2019
diff --git a/superstore.arrow b/superstore.arrow
diff --git a/index.html b/index.html
@@ -3,15 +3,16 @@
 <head>
 
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
-
-    <script src="https://unpkg.com/@finos/perspective/build/perspective.js"></script>
-    <script src="https://unpkg.com/@finos/perspective-viewer/build/perspective.view.js"></script>
-    <script src="https://unpkg.com/@finos/perspective-viewer-hypergrid/build/hypergrid.plugin.js"></script>
-    <script src="https://unpkg.com/@finos/perspective-viewer-d3fc/build/d3fc.plugin.js"></script>
+
+    <script src="https://unpkg.com/@finos/perspective/dist/umd/perspective.js"></script>
+    <script src="https://unpkg.com/@finos/perspective-viewer/dist/umd/perspective-viewer.js"></script>
+    <script src="https://unpkg.com/@finos/perspective-viewer-hypergrid/dist/umd/perspective-viewer-hypergrid.js"></script>
+    <script src="https://unpkg.com/@finos/perspective-viewer-d3fc/dist/umd/perspective-viewer-d3fc.js"></script>
+
 
     <script src="arrow.js"></script>
 
-    <link rel='stylesheet' href="https://unpkg.com/@finos/perspective-viewer/build/material.css" is="custom-style">
+    <link rel='stylesheet' href="https://unpkg.com/@finos/perspective-viewer/dist/umd/material.css" is="custom-style">
     <link rel='stylesheet' href="index.css"> 
 
 </head>

diff --git a/superstore.arrow b/superstore.arrow
diff --git a/arrow.js b/arrow.js
@@ -1,8 +1,10 @@
+const ARROW = "https://unpkg.com/@jpmorganchase/perspective-examples/build/superstore.arrow";
+
 window.addEventListener('WebComponentsReady', function() {
 
     // Fetch and load arrow data.
     var xhr = new XMLHttpRequest();
-    xhr.open('GET', 'superstore.arrow', true);
+    xhr.open('GET', ARROW, true);
     xhr.responseType = "arraybuffer"
     xhr.onload = function() {
 

diff --git a/index.html b/index.html
@@ -18,7 +18,7 @@
 
 <body>
 
-    <perspective-viewer view="sunburst" row-pivots='["Sub-Category","Region","Segment"]' sort='[["Profit","desc"]]' columns='["Sales", "Profit"]'>
+    <perspective-viewer view="d3_sunburst" row-pivots='["Sub-Category","Region","Segment"]' sort='[["Profit","desc"]]' columns='["Sales", "Profit"]'>
 
     </perspective-viewer>
 

diff --git a/index.html b/index.html
@@ -4,14 +4,14 @@
 
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
 
-    <script src="https://unpkg.com/@jpmorganchase/perspective/build/perspective.js"></script>
-    <script src="https://unpkg.com/@jpmorganchase/perspective-viewer/build/perspective.view.js"></script>
-    <script src="https://unpkg.com/@jpmorganchase/perspective-viewer-hypergrid/build/hypergrid.plugin.js"></script>
-    <script src="https://unpkg.com/@jpmorganchase/perspective-viewer-highcharts/build/highcharts.plugin.js"></script>
+    <script src="https://unpkg.com/@finos/perspective/build/perspective.js"></script>
+    <script src="https://unpkg.com/@finos/perspective-viewer/build/perspective.view.js"></script>
+    <script src="https://unpkg.com/@finos/perspective-viewer-hypergrid/build/hypergrid.plugin.js"></script>
+    <script src="https://unpkg.com/@finos/perspective-viewer-d3fc/build/d3fc.plugin.js"></script>
 
     <script src="arrow.js"></script>
 
-    <link rel='stylesheet' href="https://unpkg.com/@jpmorganchase/perspective-viewer/build/material.css" is="custom-style">
+    <link rel='stylesheet' href="https://unpkg.com/@finos/perspective-viewer/build/material.css" is="custom-style">
     <link rel='stylesheet' href="index.css"> 
 
 </head>

diff --git a/superstore.arrow b/superstore.arrow
diff --git a/superstore_data.arrow b/superstore_data.arrow
diff --git a/arrow.js b/arrow.js
@@ -1,19 +1,19 @@
 window.addEventListener('WebComponentsReady', function() {
-    
+
     // Fetch and load arrow data.
     var xhr = new XMLHttpRequest();
-    xhr.open('GET', 'superstore_data.arrow', true);
+    xhr.open('GET', 'superstore.arrow', true);
     xhr.responseType = "arraybuffer"
     xhr.onload = function() {
-        
+
         // Get element from the DOM.
         var el = document.getElementsByTagName('perspective-viewer')[0];
-        
+
         // Load the arrow response in the `<perspective-viewer>` DOM reference.
         el.load(xhr.response);
-        
+
         // Toggle the config controls open.
         el.toggleConfig();
     }
     xhr.send(null);
-});
+});
diff --git a/superstore.arrow b/superstore.arrow
diff --git a/arrow.js b/arrow.js
@@ -2,7 +2,7 @@ window.addEventListener('WebComponentsReady', function() {
 
     // Fetch and load arrow data.
     var xhr = new XMLHttpRequest();
-    xhr.open('GET', 'superstore.arrow', true);
+    xhr.open('GET', 'superstore_data.arrow', true);
     xhr.responseType = "arraybuffer"
     xhr.onload = function() {
 

diff --git a/superstore.arrow → superstore_data.arrow b/superstore.arrow → superstore_data.arrow
diff --git a/README.md b/README.md
@@ -0,0 +1 @@
+A static `superstore.arrow` demo.
diff --git a/superstore.arrow b/superstore.arrow
diff --git a/index.css b/index.css
@@ -0,0 +1,7 @@
+perspective-viewer {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
diff --git a/index.html b/index.html
@@ -11,7 +11,8 @@
 
     <script src="arrow.js"></script>
 
-    <link rel='stylesheet' href="https://unpkg.com/@jpmorganchase/perspective-viewer/build/material.css" is="custom-style">  
+    <link rel='stylesheet' href="https://unpkg.com/@jpmorganchase/perspective-viewer/build/material.css" is="custom-style">
+    <link rel='stylesheet' href="index.css"> 
 
 </head>
 

diff --git a/superstore.arrow b/superstore.arrow
diff --git a/arrow.js b/arrow.js
@@ -1,10 +1,18 @@
 window.addEventListener('WebComponentsReady', function() {
+
+    // Fetch and load arrow data.
     var xhr = new XMLHttpRequest();
     xhr.open('GET', 'superstore.arrow', true);
     xhr.responseType = "arraybuffer"
     xhr.onload = function() {
+
+        // Get element from the DOM.
         var el = document.getElementsByTagName('perspective-viewer')[0];
+
+        // Load the arrow response in the `<perspective-viewer>` DOM reference.
         el.load(xhr.response);
+
+        // Toggle the config controls open.
         el.toggleConfig();
     }
     xhr.send(null);

diff --git a/index.css b/index.css
@@ -1,3 +0,0 @@
-.asdf {
-    color: red;
-}

diff --git a/index.html b/index.html
@@ -12,7 +12,6 @@
     <script src="arrow.js"></script>
 
     <link rel='stylesheet' href="https://unpkg.com/@jpmorganchase/perspective-viewer/build/material.css" is="custom-style">  
-    <link rel='stylesheet' href="index.css">    
 
 </head>
 

diff --git a/superstore.arrow b/superstore.arrow
diff --git a/superstore.arrow b/superstore.arrow
diff --git a/superstore.arrow b/superstore.arrow
diff --git a/arrow.js b/arrow.js
@@ -0,0 +1,11 @@
+window.addEventListener('WebComponentsReady', function() {
+    var xhr = new XMLHttpRequest();
+    xhr.open('GET', 'superstore.arrow', true);
+    xhr.responseType = "arraybuffer"
+    xhr.onload = function() {
+        var el = document.getElementsByTagName('perspective-viewer')[0];
+        el.load(xhr.response);
+        el.toggleConfig();
+    }
+    xhr.send(null);
+});
diff --git a/index.html b/index.html
@@ -9,8 +9,9 @@
     <script src="https://unpkg.com/@jpmorganchase/perspective-viewer-hypergrid/build/hypergrid.plugin.js"></script>
     <script src="https://unpkg.com/@jpmorganchase/perspective-viewer-highcharts/build/highcharts.plugin.js"></script>
 
-    <link rel='stylesheet' href="https://unpkg.com/@jpmorganchase/perspective-viewer/build/material.css" is="custom-style">
-
+    <script src="arrow.js"></script>
+
+    <link rel='stylesheet' href="https://unpkg.com/@jpmorganchase/perspective-viewer/build/material.css" is="custom-style">  
     <link rel='stylesheet' href="index.css">    
 
 </head>
@@ -21,20 +22,6 @@
 
     </perspective-viewer>
 
-    <script>
-        window.addEventListener('WebComponentsReady', function() {
-            var xhr = new XMLHttpRequest();
-            xhr.open('GET', 'superstore.arrow', true);
-            xhr.responseType = "arraybuffer"
-            xhr.onload = function() {
-                var el = document.getElementsByTagName('perspective-viewer')[0];
-                el.load(xhr.response);
-                el.toggleConfig();
-            }
-            xhr.send(null);
-        });
-    </script>
-
 </body>
 
 </html>
diff --git a/index.css b/index.css
@@ -0,0 +1,3 @@
+.asdf {
+    color: red;
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,40 @@
+<html>
+
+<head>
+
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
+
+    <script src="https://unpkg.com/@jpmorganchase/perspective/build/perspective.js"></script>
+    <script src="https://unpkg.com/@jpmorganchase/perspective-viewer/build/perspective.view.js"></script>
+    <script src="https://unpkg.com/@jpmorganchase/perspective-viewer-hypergrid/build/hypergrid.plugin.js"></script>
+    <script src="https://unpkg.com/@jpmorganchase/perspective-viewer-highcharts/build/highcharts.plugin.js"></script>
+
+    <link rel='stylesheet' href="https://unpkg.com/@jpmorganchase/perspective-viewer/build/material.css" is="custom-style">
+
+    <link rel='stylesheet' href="index.css">    
+
+</head>
+
+<body>
+
+    <perspective-viewer view="sunburst" row-pivots='["Sub-Category","Region","Segment"]' sort='[["Profit","desc"]]' columns='["Sales", "Profit"]'>
+
+    </perspective-viewer>
+
+    <script>
+        window.addEventListener('WebComponentsReady', function() {
+            var xhr = new XMLHttpRequest();
+            xhr.open('GET', 'superstore.arrow', true);
+            xhr.responseType = "arraybuffer"
+            xhr.onload = function() {
+                var el = document.getElementsByTagName('perspective-viewer')[0];
+                el.load(xhr.response);
+                el.toggleConfig();
+            }
+            xhr.send(null);
+        });
+    </script>
+
+</body>
+
+</html>
diff --git a/.block b/.block
@@ -0,0 +1 @@
+license: apache-2.0