Skip to content

Commit 35c383d

Browse files
geekshegeekshe
committed
Starting D3 experimental visualization. Phase 1 (get their code working on my system) complete. Closes #16.
1 parent 7bba8c0 commit 35c383d

File tree

6 files changed

+1823
-71
lines changed

6 files changed

+1823
-71
lines changed

‎server.py

+5
Original file line numberDiff line numberDiff line change
@@ -108,6 +108,11 @@ def calls_by_type():
108108

109109
return render_template("calls.html", agg_requests=agg_requests, env_total=env_total)
110110

111+
@app.route('/d3')
112+
def show_apps_customers():
113+
"""Show relationship of apps to their customers and vice versa."""
114+
115+
return render_template("d3.html")
111116

112117
################################################################################
113118

‎static/css/langnet.css

+210
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,210 @@
1+
body {
2+
background-image: url('watermark.jpg');
3+
padding: 0px;
4+
margin: 0px;
5+
}
6+
7+
#graphHolder {
8+
left: 100px;
9+
width: 90%;
10+
height: 99%;
11+
position: absolute;
12+
}
13+
14+
#toolbox {
15+
font-family: Arial;
16+
font-size: 10pt;
17+
position: absolute;
18+
border: outset 1px gray;
19+
background: #ffffcc;
20+
padding: 5px;
21+
margin: 5px;
22+
color: #555;
23+
opacity: 0.8;
24+
height: 95%;
25+
width: 200px;
26+
filter: alpha(opacity = 80); /* For IE8 and earlier */
27+
}
28+
29+
#titlep {
30+
margin: 0px;
31+
padding: 0px;
32+
text-align: center;
33+
width: 100%;
34+
}
35+
36+
#title {
37+
text-align: center;
38+
border-top: 1px solid #f7bc97;
39+
background: #865345;
40+
background: -webkit-gradient(linear, left top, left bottom, from(#9c6f3e),
41+
to(#d6a365) );
42+
background: -webkit-linear-gradient(top, #9c6f3e, #865345);
43+
background: -moz-linear-gradient(top, #9c6f3e, #865345);
44+
background: -ms-linear-gradient(top, #9c6f3e, #865345);
45+
background: -o-linear-gradient(top, #9c6f3e, #865345);
46+
padding: 5px 10px;
47+
-webkit-border-radius: 8px;
48+
-moz-border-radius: 8px;
49+
border-radius: 8px;
50+
-webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
51+
-moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
52+
box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
53+
text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
54+
color: white;
55+
font-size: 14px;
56+
font-family: Georgia, serif;
57+
text-decoration: none;
58+
vertical-align: middle;
59+
}
60+
61+
.boton {
62+
text-align: center; border-top : 1px solid #f7bc97;
63+
background: #d6a365;
64+
background: -webkit-gradient(linear, left top, left bottom, from(#9c6f3e),
65+
to(#d6a365) );
66+
background: -webkit-linear-gradient(top, #9c6f3e, #d6a365);
67+
background: -moz-linear-gradient(top, #9c6f3e, #d6a365);
68+
background: -ms-linear-gradient(top, #9c6f3e, #d6a365);
69+
background: -o-linear-gradient(top, #9c6f3e, #d6a365);
70+
padding: 2px 5px;
71+
-webkit-border-radius: 8px;
72+
-moz-border-radius: 8px;
73+
border-radius: 8px;
74+
-webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
75+
-moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
76+
box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
77+
text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
78+
color: white;
79+
font-size: 12px;
80+
font-family: Georgia, serif;
81+
text-decoration: none;
82+
vertical-align: middle;
83+
border-top: 1px solid #f7bc97;
84+
}
85+
86+
.boton:hover {
87+
border-top-color: #784a28;
88+
background: #784a28;
89+
color: #ccc;
90+
}
91+
92+
.boton:active {
93+
border-top-color: #5c2c1b;
94+
background: #5c2c1b;
95+
}
96+
97+
#hint {
98+
color: gray;
99+
}
100+
101+
#chartSelector {
102+
font-size: 8pt;
103+
}
104+
105+
#sliderContainer {
106+
padding: 5px;
107+
background: #f0f0cc;
108+
}
109+
110+
#about {
111+
background: #f0f0cc;
112+
}
113+
114+
#language_information {
115+
margin-top: 5px;
116+
border: inset 1px gray;
117+
background: #f0f0cc;
118+
font-size: 8pt;
119+
overflow: scroll;
120+
overflow-x: hidden;
121+
height: 60%;
122+
padding: 5px;
123+
}
124+
125+
.group text {
126+
font-size: 8pt;
127+
pointer-events: none;
128+
}
129+
130+
.group path {
131+
stroke: #ccc;
132+
}
133+
134+
path.chord {
135+
stroke-width: .75;
136+
fill-opacity: .75;
137+
}
138+
139+
#leveninfo {
140+
margin:0px;padding:0px;
141+
width:100%;
142+
font-size: 80%;
143+
box-shadow: 10px 10px 5px #888888;
144+
border:1px solid #000000;
145+
-moz-border-radius-bottomleft:0px;
146+
-webkit-border-bottom-left-radius:0px;
147+
border-bottom-left-radius:0px;
148+
-moz-border-radius-bottomright:0px;
149+
-webkit-border-bottom-right-radius:0px;
150+
border-bottom-right-radius:0px;
151+
-moz-border-radius-topright:0px;
152+
-webkit-border-top-right-radius:0px;
153+
border-top-right-radius:0px;
154+
-moz-border-radius-topleft:0px;
155+
-webkit-border-top-left-radius:0px;
156+
border-top-left-radius:0px;
157+
}#leveninfo table{
158+
width:100%;
159+
height:100%;
160+
margin:0px;padding:0px;
161+
}#leveninfo tr:last-child td:last-child {
162+
-moz-border-radius-bottomright:0px;
163+
-webkit-border-bottom-right-radius:0px;
164+
border-bottom-right-radius:0px;
165+
}#leveninfo table tr:first-child td:first-child {
166+
-moz-border-radius-topleft:0px;
167+
-webkit-border-top-left-radius:0px;
168+
border-top-left-radius:0px;
169+
}#leveninfo table tr:first-child td:last-child {
170+
-moz-border-radius-topright:0px;
171+
-webkit-border-top-right-radius:0px;
172+
border-top-right-radius:0px;
173+
}#leveninfo tr:last-child td:first-child{
174+
-moz-border-radius-bottomleft:0px;
175+
-webkit-border-bottom-left-radius:0px;
176+
border-bottom-left-radius:0px;
177+
}#leveninfo tr:hover td{
178+
}#leveninfo tr:nth-child(odd){ background-color:#ffaa56; }
179+
#leveninfo tr:nth-child(even){ background-color:#ffffff; }
180+
#leveninfo td{
181+
vertical-align:middle;
182+
border:1px solid #000000;
183+
border-width:0px 1px 1px 0px;
184+
text-align:left;
185+
padding:10px;
186+
font-weight:normal;
187+
color:#000000;
188+
}#leveninfo tr:last-child td{
189+
border-width:0px 1px 0px 0px;
190+
}#leveninfo tr td:last-child{
191+
border-width:0px 0px 1px 0px;
192+
}#leveninfo tr:last-child td:last-child{
193+
border-width:0px 0px 0px 0px;
194+
}#leveninfo tr:first-child td{
195+
background:-o-linear-gradient(bottom, #935216 5%, #d3a172 100%);
196+
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #935216), color-stop(1, #d3a172) );
197+
background:-moz-linear-gradient( center top, #935216 5%, #d3a172 100% );
198+
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#935216", endColorstr="#d3a172");
199+
background: -o-linear-gradient(top,#935216,d3a172);
200+
background-color:#935216;
201+
border:0px solid #000000;
202+
text-align:center;
203+
border-width:0px 0px 1px 1px;
204+
font-weight:bold;
205+
color:#ffffff;
206+
}#leveninfo tr:first-child td:first-child{
207+
border-width:0px 0px 1px 0px;
208+
}#leveninfo tr:first-child td:last-child{
209+
border-width:0px 0px 1px 1px;
210+
}

0 commit comments

Comments
 (0)