Switched demo to d3 charts

finos · May 26, 2019 · a6de10e · a6de10e
1 parent d330903
commit a6de10e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/docs/siteConfig.js b/docs/siteConfig.js
@@ -40,9 +40,9 @@ const siteConfig = {
     scripts: [
         "https://buttons.github.io/buttons.js",
         "https://unpkg.com/@finos/perspective/build/perspective.js",
-        "perspective.view.js",
+        "https://unpkg.com/@finos/perspective-viewer/build/perspective.view.js",
         "https://unpkg.com/@finos/perspective-viewer-hypergrid/build/hypergrid.plugin.js",
-        "https://unpkg.com/@finos/perspective-viewer-highcharts/build/highcharts.plugin.js",
+        "https://unpkg.com/@finos/perspective-viewer-d3fc/build/d3fc.plugin.js",
         "js/animation.js"
     ],
 
@@ -51,7 +51,6 @@ const siteConfig = {
         "https://fonts.googleapis.com/css?family=Material+Icons",
         "https://fonts.googleapis.com/css?family=Open+Sans",
         "https://fonts.googleapis.com/css?family=Roboto+Mono"
-        //   "css/material.dark.css"
     ],
 
     onPageNav: "separate",

diff --git a/docs/static/js/animation.js b/docs/static/js/animation.js
@@ -9,6 +9,7 @@ function randn_bm() {
     while (v === 0) v = Math.random();
     return Math.sqrt(-2.0 * Math.log(u)) * Math.cos(2.0 * Math.PI * v);
 }
+
 function newRow() {
     id = id % 1000;
     return {
@@ -72,36 +73,36 @@ function select(id) {
             },
             "#cyclone": {
                 columns: ["chg"],
-                view: "x_bar",
+                view: "d3_x_bar",
                 sort: [["chg", "asc"]],
                 "row-pivots": ["name"],
                 "column-pivots": ["client"]
             },
             "#pivot": {
                 columns: ["vol"],
-                view: "heatmap",
+                view: "d3_heatmap",
                 sort: [["vol", "asc"]],
                 "row-pivots": ["name"],
                 "column-pivots": ["client"]
             },
             "#crosssect": {
-                view: "xy_scatter",
+                view: "d3_xy_scatter",
                 "row-pivots": ["name"],
                 "column-pivots": [],
                 columns: ["bid", "ask", "vol", "id"],
                 aggregates: {bid: "avg", ask: "avg", vol: "avg"},
                 sort: []
             },
             "#intersect": {
-                view: "treemap",
+                view: "d3_treemap",
                 "row-pivots": ["name", "client"],
                 "column-pivots": [],
                 columns: ["bid", "chg"],
                 aggregates: {bid: "avg", chg: "low", name: "last"},
                 sort: [["name", "desc"], ["chg", "desc"]]
             },
             "#enhance": {
-                view: "y_line",
+                view: "d3_y_line",
                 "row-pivots": ["lastUpdate"],
                 "column-pivots": ["client"],
                 columns: ["bid"],