Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Adding graph visualization in d3js.
  • Loading branch information
Guillaume Chaslot committed Jan 9, 2017
1 parent de02951 commit 123ac14
Show file tree
Hide file tree
Showing 20 changed files with 2,851 additions and 0 deletions.
4 changes: 4 additions & 0 deletions graph-viz/css/font-awesome.min.css

Large diffs are not rendered by default.

222 changes: 222 additions & 0 deletions graph-viz/css/skel.css
@@ -0,0 +1,222 @@
/* Resets (http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 | License: none (public domain)) */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}

/* Box Model */

*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* Container */

body {
/* min-width: (containers) */
min-width: 1200px;
}

.container {
margin-left: auto;
margin-right: auto;

/* width: (containers) */
width: 1200px;
}

/* Modifiers */

.container.small {
/* width: (containers) * 0.75; */
width: 900px;
}

.container.big {
width: 100%;

/* max-width: (containers) * 1.25; */
max-width: 1500px;

/* min-width: (containers); */
min-width: 1200px;
}

/* Grid */

.\31 2u { width: 100% }
.\31 1u { width: 91.6666666667% }
.\31 0u { width: 83.3333333333% }
.\39 u { width: 75% }
.\38 u { width: 66.6666666667% }
.\37 u { width: 58.3333333333% }
.\36 u { width: 50% }
.\35 u { width: 41.6666666667% }
.\34 u { width: 33.3333333333% }
.\33 u { width: 25% }
.\32 u { width: 16.6666666667% }
.\31 u { width: 8.3333333333% }
.\-11u { margin-left: 91.6666666667% }
.\-10u { margin-left: 83.3333333333% }
.\-9u { margin-left: 75% }
.\-8u { margin-left: 66.6666666667% }
.\-7u { margin-left: 58.3333333333% }
.\-6u { margin-left: 50% }
.\-5u { margin-left: 41.6666666667% }
.\-4u { margin-left: 33.3333333333% }
.\-3u { margin-left: 25% }
.\-2u { margin-left: 16.6666666667% }
.\-1u { margin-left: 8.3333333333% }

/* Rows */

.row > * {
float: left;
}

.row:after {
content: '';
display: block;
clear: both;
height: 0;
}

.row:first-child > * {
padding-top: 0 !important;
}

.row.uniform > * > :first-child {
margin-top: 0;
}

.row.uniform > * > :last-child {
margin-bottom: 0;
}

/* Normal */

.row > * {
/* padding-left: (gutters.vertical) */
padding-left: 4em;
}

.row + .row > * {
/* padding: (gutters.horizontal) 0 0 (gutters.vertical) */
padding: 0 0 0 4em;
}

.row {
/* margin-left: -(gutters.vertical) */
margin-left: -4em;
}

.row + .row.uniform > * {
/* padding: (gutters.vertical) 0 0 (gutters.vertical) */
padding: 4em 0 0 4em;
}

/* Flush */

.row.flush > * {
padding-left: 0;
}

.row + .row.flush > * {
padding: 0;
}

.row.flush {
margin-left: 0;
}

.row + .row.uniform.flush > * {
padding: 0;
}

/* Quarter */

.row.quarter > * {
/* padding-left: (gutters.vertical * 0.25) */
padding-left: 1em;
}

.row + .row.quarter > * {
/* padding: (gutters.horizontal * 0.25) 0 0 (gutters.vertical * 0.25) */
padding: 0 0 0 1em;
}

.row.quarter {
/* margin-left: -(gutters.vertical * 0.25) */
margin-left: -1em;
}

.row + .row.uniform.quarter > * {
/* padding: (gutters.vertical * 0.25) 0 0 (gutters.vertical * 0.25) */
padding: 1em 0 0 1em;
}

/* Half */

.row.half > * {
/* padding-left: (gutters.vertical * 0.5) */
padding-left: 2em;
}

.row + .row.half > * {
/* padding: (gutters.horizontal * 0.5) 0 0 (gutters.vertical * 0.5) */
padding: 0 0 0 2em;
}

.row.half {
/* margin-left: -(gutters.vertical * 0.5) */
margin-left: -2em;
}

.row + .row.uniform.half > * {
/* padding: (gutters.vertical * 0.5) 0 0 (gutters.vertical * 0.5) */
padding: 2em 0 0 2em;
}

/* One and (a) Half */

.row.oneandhalf > * {
/* padding-left: (gutters.vertical * 1.5) */
padding-left: 6em;
}

.row + .row.oneandhalf > * {
/* padding: (gutters.horizontal * 1.5) 0 0 (gutters.vertical * 1.5) */
padding: 0 0 0 6em;
}

.row.oneandhalf {
/* margin-left: -(gutters.vertical * 1.5) */
margin-left: -6em;
}

.row + .row.uniform.oneandhalf > * {
/* padding: (gutters.vertical * 1.5) 0 0 (gutters.vertical * 1.5) */
padding: 6em 0 0 6em;
}

/* Double */

.row.double > * {
/* padding-left: (gutters.vertical * 2) */
padding-left: 8em;
}

.row + .row.double > * {
/* padding: (gutters.horizontal * 2) 0 0 (gutters.vertical * 2) */
padding: 0 0 0 8em;
}

.row.double {
/* margin-left: -(gutters.vertical * 2) */
margin-left: -8em;
}

.row + .row.uniform.double > * {
/* padding: (gutters.vertical * 2) 0 0 (gutters.vertical * 2) */
padding: 8em 0 0 8em;
}
27 changes: 27 additions & 0 deletions graph-viz/css/style-large.css
@@ -0,0 +1,27 @@
/*
Ion by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

/* Basic */

body, input, select, textarea {
font-size: 11pt;
}

/* Banner */

#banner {
padding: 8em 0;
}

#banner h2 {
font-size: 2.5em;
}

/* Footer */

#footer {
padding: 4em 0;
}
114 changes: 114 additions & 0 deletions graph-viz/css/style-medium.css
@@ -0,0 +1,114 @@
@charset "UTF-8";

/*
Ion by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

/* Basic */

body, input, select, textarea {
font-size: 12pt;
}

/* Wrapper */

.wrapper {
padding: 4em 0 2em 0;
}

/* Header */

#skel-layers-wrapper {
padding-top: 0;
}

#header {
display: none;
}

/* Banner */

#banner {
padding: 6em 1em;
}

#banner .button {
min-width: 0;
}

/* Layers */

#navButton .toggle {
text-decoration: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

#navButton .toggle:before {
content: "";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-transform: none !important;
}

#navButton .toggle:before {
background: rgba(144, 149, 154, 0.75);
border-radius: 6px;
color: #fff;
display: block;
font-size: 17px;
height: 2em;
left: 0.5em;
line-height: 2em;
position: absolute;
text-align: center;
top: 0.5em;
width: 3.5em;
}

#navPanel {
background: #192024;
color: #c5c7c8;
}

#navPanel nav {
padding: 0.5em 1.25em;
}

#navPanel nav ul {
list-style: none;
margin: 0;
padding: 0;
}

#navPanel nav ul li {
padding: 0;
}

#navPanel nav ul li:first-child a:not(.button), #navPanel nav ul li:first-child span:not(.button) {
border-top: 0;
}

#navPanel nav ul li a:not(.button), #navPanel nav ul li span:not(.button) {
border-top: solid 1px rgba(144, 144, 144, 0.25);
color: #ffffff;
display: block;
padding: 0.75em 0;
text-decoration: none;
}

#navPanel nav ul li a.button {
margin-top: 1em;
}

#navPanel nav .button {
width: 100%;
}

0 comments on commit 123ac14

Please sign in to comment.