forked from fzaninotto/DependencyWheel
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
66 lines (54 loc) · 1.73 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 xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us" prefix="og: http://ogp.me/ns#">
<!-- Use the Source, Luke -->
<head>
<title>DependencyWheel: An Interactive Visualization Of Package Dependencies</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link href='http://fonts.googleapis.com/css?family=Rosario:400,700' rel='stylesheet' type='text/css'>
<style>
h1, p, li {
font-family: 'Rosario', sans-serif;
}
h1 {
font-size: 4em;
font-weight: 300;
letter-spacing: -2px;
line-height: 1em;
margin: 1em 0;
}
#chart_placeholder {
text-align: center;
margin-bottom: 20px;
}
.dependencyWheel {
font: 10px sans-serif;
}
form .btn-primary {
margin-top: 25px;
}
</style>
</head>
<body>
<div class="container">
<h1>DependencyWheel: An Interactive Visualization Of OJS Package Dependencies</h1>
<div id="chart_placeholder"></div>
</div>
<a href="https://github.com/fzaninotto/DependencyWheel"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
<script src="js/d3.min.js"></script>
<script src="js/d3.dependencyWheel.js"></script>
<script src="js/composerBuilder.js"></script>
<script>
var chart = d3.chart.dependencyWheel();
d3.json('data/composer.json', function(composerjson) {
d3.json('data/composer.lock', function(composerlock) {
var data = buildMatrixFromComposerJsonAndLock(composerjson, composerlock);
d3.select('#chart_placeholder')
.datum(data)
.call(chart);
});
});
</script>
</body>
</html>