Merge pull request #61 from RhoInc/v1.1.3-dev

Query Overview v1.1.3
RhoInc · May 2, 2018 · 3c9450c · 3c9450c
2 parents 6f332b7 + 0e3565c
commit 3c9450c
Show file tree

Hide file tree

Showing 15 changed files with 3,429 additions and 151 deletions.
diff --git a/build/queryOverview.js b/build/queryOverview.js
diff --git a/build/test-page/index.css b/build/test-page/index.css
@@ -0,0 +1,25 @@
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);
+* {
+    padding: 0;
+    margin: 0;
+    font-family: 'Open Sans';
+}
+#title {
+    width: 96%;
+    padding: 0 0 1% 0;
+    border-bottom: 2px solid lightgray;
+    margin: 2% 2% 1% 2%;
+    font-size: 32px;
+    font-weight: normal;
+}
+#subtitle {
+    width: 96%;
+    margin: 0 2% 1% 2%;
+    font-size: 24px;
+    font-weight: lighter;
+}
+#container {
+    width: 96%;
+    margin: 1% 2%;
+    display: inline-block;
+}
diff --git a/build/test-page/index.html b/build/test-page/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Query Overview</title>
+        <meta http-equiv = 'Content-Type' content = 'text/html; charset = utf-8'>
+
+        <script type = 'text/javascript' src = 'https://d3js.org/d3.v3.min.js'></script>
+        <script type = 'text/javascript' src = 'https://rawgit.com/RhoInc/Webcharts/master/build/webcharts.js'></script>
+        <script type = 'text/javascript' src = 'https://rawgit.com/RhoInc/query-overview/master/build/queryOverview.js'></script>
+
+        <link type = 'text/css' rel = 'stylesheet' href = 'https://rawgit.com/RhoInc/Webcharts/master/css/webcharts.css'>
+        <link type = 'text/css' rel = 'stylesheet' href = './index.css'>
+    </head>
+
+    <body>
+        <div id = 'title'>Query Overview</div>
+        <div id = 'subtitle'>Test Page</div>
+        <div id = 'container'></div>
+    </body>
+
+    <script type = 'text/javascript' src = './index.js'></script>
+</html>
diff --git a/build/test-page/index.js b/build/test-page/index.js
@@ -0,0 +1,23 @@
+//Load local build if in local environment.
+if (window.origin !== 'https://rhoinc.github.io') {
+    var head = document.getElementsByTagName('head')[0];
+    var script = document.createElement('script');
+    script.type = 'text/javascript';
+    script.src = '../queryOverview.js';
+    head.appendChild(script);
+}
+
+d3.csv(
+    'https://rawgit.com/RhoInc/viz-library/master/data/queries/queries.csv',
+    function(error,data) {
+        if (error)
+            console.log(error);
+
+        var settings = {};
+        var instance = queryOverview(
+            '#container',
+            settings
+        );
+        instance.init(data);
+    }
+);