thooge
/
ffmap-backend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

make unidirectional links thinner

alfred-data
Nils Schneider 2012-08-18 15:02:02 +02:00
parent 59b9b79aa2
commit 5f53ca2f1e
3 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
html/force-big.css
View File

@ -24,6 +24,10 @@
stroke-width: 2px; stroke-width: 2px;
} }
.link line.unidirectional {
stroke-width: 2px;
}
.node ellipse { .node ellipse {
fill: #fff; fill: #fff;
stroke: #48f; stroke: #48f;

7
html/force-light.css
View File

@ -15,12 +15,17 @@
.link line { .link line {
stroke: #777; stroke: #777;
stroke-opacity: 1; stroke-opacity: 1;
stroke-width: 1.5px; stroke-width: 2.5px;
}
.link line.unidirectional {
stroke-width: 0.8px;
} }
.link.vpn line { .link.vpn line {
stroke-dasharray: 0.75px 4px; stroke-dasharray: 0.75px 4px;
stroke-linecap: round; stroke-linecap: round;
stroke-width: 1.5px;
} }
.link:hover line { .link:hover line {

3
html/force.js
View File

@ -415,6 +415,9 @@ function update() {
.style("stroke", function(d) { .style("stroke", function(d) {
return linkcolor(Math.max.apply(null, d.quality.split(","))) return linkcolor(Math.max.apply(null, d.quality.split(",")))
}) })
.attr("class", function(d) {
return d.quality.split(",").length==1?"unidirectional":"bidirectional"
})
link.selectAll("title") link.selectAll("title")
.text( function (d) { .text( function (d) {