Added new dependency subpage (#388)

Added new dependency subpage

_includes/header.html

@@ -42,8 +42,13 @@
         </li>
 
         <li id="explore"
-          {% if page.url == "/explore/" %} class="active"
-          {% endif %}><a class="navbar-normal" href="/explore/">Explore</a></li>
+            {% if page.url == "/explore/" %} class="active dropdown"
+            {% else %} class="dropdown"
+            {% endif %}><a class="navbar-normal" href="/explore/">Explore</a>
+          <div class="dropdown-content">
+            <p><a class="navbar-normal" href="/explore/dependencies/">Dependencies</a></p>
+          </div>
+        </li>
         <li id="github"><a href="https://github.com/llnl"><span class="fa fa-github fa-lg"></span></a></li>
         <li id="github"><a href="https://twitter.com/LLNL_OpenSource"><span class="fa fa-twitter fa-lg"></span></a></li>
       </ul>

explore/dependencies/index.html

@@ -0,0 +1,46 @@
+---
+title: Explore
+layout: default
+---
+
+{% raw %}
+
+<link rel="stylesheet" type="text/css" href="../../css/graphstyle.css" />
+
+<h1 class="page-header text-center">
+    LLNL GitHub Visualizations
+</h1>
+
+<!-- Preset vis display areas -->
+<center>
+    <svg class="forceGraph"></svg> <svg class="connectionsTree"></svg>
+</center>
+
+<!-- Load basic D3 and helper scripts -->
+<script src="https://cdn.llnl.gov/d3/5.16.0/d3.min.js" charset="UTF-8"></script>
+<script type="text/javascript" src="https://cdn.llnl.gov/d3-tip/1.0/d3-tip.js"></script>
+<script type="text/javascript" src="https://cdn.llnl.gov/d3-v4-cloud/1.2.2/build/d3.layout.cloud.js"></script>
+<script type="text/javascript" src="https://cdn.llnl.gov/d3-simple-slider/1.8.0/d3-simple-slider.min.js"></script>
+<script type="text/javascript" src="../../js/explore/helpers.js"></script>
+
+<!-- Load drawing JS -->
+<script type="text/javascript" src="../../js/explore/force_dependencyGraph.js"></script>
+
+<script>
+    // GiHub Data Directory
+    var ghDataDir = '../github-data';
+    // Global chart standards
+    var stdTotalWidth = 500,
+        stdTotalHeight = 500;
+    var stdMargin = { top: 40, right: 40, bottom: 40, left: 40 },
+        stdWidth = stdTotalWidth - stdMargin.left - stdMargin.right,
+        stdHeight = stdTotalHeight - stdMargin.top - stdMargin.bottom,
+        stdMaxBuffer = 1.07;
+    var stdDotRadius = 4,
+        stdLgndDotRadius = 5,
+        stdLgndSpacing = 20;
+    // Call draw functions
+    draw_force_graph('forceGraph', 'connectionsTree');
+</script>
+
+{% endraw %}

explore/index.html

@@ -19,7 +19,6 @@ <h1 class="page-header text-center">
     <br /><svg class="repoActivityChart"></svg>
     <br /><svg class="repoPulls"></svg><svg class="repoIssues"></svg>
     <br /><svg class="languageCloud"></svg><svg class="topicCloud"></svg>
-    <br /><svg class="forceGraph"></svg>
     <br /><svg class="licenseSunburst"></svg>
 </center>
 
@@ -41,7 +40,6 @@ <h1 class="page-header text-center">
 <script type="text/javascript" src="../js/explore/cloud_topics.js"></script>
 <script type="text/javascript" src="../js/explore/sunburst_licenses.js"></script>
 <script type="text/javascript" src="../js/explore/pack_hierarchy.js"></script>
-<script type="text/javascript" src="../js/explore/force_graph.js"></script>
 
 <script>
     // GiHub Data Directory
@@ -65,7 +63,6 @@ <h1 class="page-header text-center">
     draw_scatter_repoIssues('repoIssues');
     draw_cloud_languages('languageCloud');
     draw_cloud_topics('topicCloud');
-    draw_force_graph('forceGraph');
     draw_sunburst_licenses('licenseSunburst');
     draw_pack_hierarchy('hierarchyPack');
 </script>