-
Notifications
You must be signed in to change notification settings - Fork 0
/
overview.php
90 lines (75 loc) · 2.71 KB
/
overview.php
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<?php include 'includes/head.html'; ?>
<body id="overview">
<?php include 'includes/header.html'; ?>
<!-- FOR SANKEY -->
<style>
#chart {
height: 500px;
}
.node rect {
cursor: move;
fill-opacity: .9;
shape-rendering: crispEdges;
}
.node text {
pointer-events: none;
text-shadow: 0 1px 0 #fff;
}
.link {
fill: none;
stroke: #000;
stroke-opacity: .2;
}
.link:hover {
stroke-opacity: .5;
}
</style>
<div id="overview_content" class="cf">
<div class="tabs cf">
<a data-toggle="tab_1_compared">Crises Compared</a>
<a data-toggle="tab_2_map">Map</a>
<a data-toggle="tab_3_bar">Bar Chart</a>
</div>
<div class="tabContent">
<!-- Overview Vis and Legend -->
<div id="tab_1_compared" class="content-tab">
<section id="section_country_globe">
<header class="tab_header">
<div class="overview_title">Crises Compared</div>
<div class="tip">Results for countries providing top-ten results. Drag to rearrange nodes.</div>
</header>
<figure id="countrySankeyVis"></figure>
</section>
</div>
<div id="tab_2_map" class="content-tab">
<section id="section_country_map">
<header class="tab_header">
<div class="overview_title">Results by Country</div>
<div class="tip">click to isolate other countries with similar results. </div>
</header>
<figure id="overviewMap"></figure>
<figure id="legend_map" class="legend"></figure>
</section>
</div>
<div id="tab_3_bar" class="content-tab">
<section id="section_country_bar_chart">
<header class="tab_header">
<div class="overview_title">Results by Country</div>
<div class="tip">
<label>sort by </label>
<label><input type="radio" name="order" value="country" title="click again to reverse order">country</label>
<label><input type="radio" name="order" value="result" title="click again to reverse order" checked>result</label>
</div>
</header>
<figure id="country_bar_chart" class="scroll-pane"></figure>
</section>
</div>
</div>
</div>
<!-- footer -->
<?php include 'includes/footer.html'; ?>
<script src="libs/d3.sankey.js"></script>
<script src="libs/colorbrewer.js"></script>
<script src="overview.js"></script>
</body>
</html>