-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
66 lines (66 loc) · 3.01 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
59
60
61
62
63
64
65
66
<!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/logos.png" alt="Jupyter SigmaJS NetworkX logos"></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. <br><br> IPySigma makes use of the following: <a href="http://jupyter.org/
">Jupyter</a>, <a href="http://lokijs.org/#/
">Loki</a>, <a href="http://sigmajs.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/about-me/
">Daina</a></p>
</div>
</div>
</section>
<section id="full-slide">
<ul class="banner">
<li class="active"></li>
<li></li>
<li></li>
</ul><i class="icon-chevron-thin-left prev"></i><i class="icon-chevron-thin-right next"></i>
</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>