forked from bsnacks000/IPySigma-Demo
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
58 lines (58 loc) · 2.82 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="en">
<head>
<title>Sigma-NetworkX-Jupyter</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="dbouquin" content="buckymaler.com">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<section id="hero">
<header>
<div class="nav-toggle">
<p>Menu</p><span></span>
</div>
<ul class="nav">
<li><a href="#about">About</a></li>
<li><a href="#full-slide">Get Started</a></li>
<li><a href="#featured">How It Works</a></li>
</ul>
</header>
<div class="wrapper">
<div class="welcome">
<h1><strong>IPySigma:</strong> a network visualization frontend for Jupyter notebooks</h1>
<h3>Create beautiful networks</h3>
<p>An experiment from John DeBlase and Daina Bouquin</p>
</div>
<div class="photographer"><img src="assets/img/hero.png" alt="colorful networks"></div>
</div>
</section>
<section id="about">
<div class="wrapper">
<div class="camera"><img src="assets/img/NASA_example.png" alt="NASA Example Screenshot"></div>
<div class="blurb">
<h2>About<strong> IPySigma</strong></h2>
<p>Network analytics using tools like NetworkX and Jupyter often leave programmers with difficult to examine hairballs rather than useful visualizations. Meanwhile, more flexible tools like SigmaJS have high learning curves for people new to Javascript. This extensible framework can help you create beautiful SigmaJS graphs, without ditching your Jupyter notebook. See <a href="https://slides.com/dbouquin/beautiful-graphs">our slides from JupyterCon 2017</a>. <br><br> IPySigma makes use of the following: <a href="http://jupyter.org/
">Jupyter</a>, <a href="http://lokijs.org/#/
">SigmaJS</a>, <a href="https://networkx.github.io/">NetworkX</a>.<br><br>Check out the code on <a href="https://github.com/bsnacks000/IPyGraphViz_testing">GitHub</a><br><p>Meet <a href="http://johnnydeblase.blogspot.com/
">John</a> and <a href="http://dainabouquin.com/
">Daina</a></p>
</div>
</div>
</section>
<section id="featured">
<div class="wrapper">
<div class="blurb">
<h2>How It <strong>Works</strong></h2>
<p>[instert description of all components with links]</p>
</div>
<div class="featured"><img src="assets/img/flow.png" alt="workflow diagram"></div>
</div>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/js/vendor/jquery-2.2.4.min.js"><\/script>')</script>
<script src="assets/js/functions-min.js"></script>
</body>
</html>