|
@@ -309,13 +309,13 @@ define(["d3"], function (d3) {
|
|
|
}
|
|
|
})
|
|
|
|
|
|
- ctx.fillStyle = "rgba(220, 0, 103, 0.7)"
|
|
|
+ ctx.fillStyle = "#99173C"
|
|
|
ctx.fill()
|
|
|
|
|
|
if (highlightedLinks.length) {
|
|
|
ctx.save()
|
|
|
ctx.lineWidth = 10
|
|
|
- ctx.strokeStyle = "#FFD486"
|
|
|
+ ctx.strokeStyle = "#F2AB38"
|
|
|
|
|
|
highlightedLinks.forEach(function (d) {
|
|
|
ctx.beginPath()
|
|
@@ -351,12 +351,9 @@ define(["d3"], function (d3) {
|
|
|
ctx.arc(d.x, d.y, 8, 0, 2 * Math.PI)
|
|
|
})
|
|
|
|
|
|
- ctx.strokeStyle = "#d00000"
|
|
|
- ctx.fillStyle = "#ffffff"
|
|
|
- ctx.lineWidth = 2.5
|
|
|
+ ctx.fillStyle = "#555152"
|
|
|
|
|
|
ctx.fill()
|
|
|
- ctx.stroke()
|
|
|
|
|
|
ctx.beginPath()
|
|
|
nodes.filter(visibleNodes).forEach(function (d) {
|
|
@@ -364,16 +361,14 @@ define(["d3"], function (d3) {
|
|
|
ctx.arc(d.x, d.y, 8, 0, 2 * Math.PI)
|
|
|
})
|
|
|
|
|
|
- ctx.strokeStyle = "#AEC7E8"
|
|
|
- ctx.fillStyle = "#ffffff"
|
|
|
+ ctx.fillStyle = "#EFFFCD"
|
|
|
|
|
|
ctx.fill()
|
|
|
- ctx.stroke()
|
|
|
|
|
|
if (highlightedNodes.length) {
|
|
|
ctx.save()
|
|
|
- ctx.strokeStyle = "#FFD486"
|
|
|
- ctx.fillStyle = "orange"
|
|
|
+ ctx.strokeStyle = "#F2AB38"
|
|
|
+ ctx.fillStyle = "#EFFFCD"
|
|
|
ctx.lineWidth = 6
|
|
|
|
|
|
highlightedNodes.forEach(function (d) {
|
|
@@ -569,7 +564,7 @@ define(["d3"], function (d3) {
|
|
|
e.target = newNodesDict[d.target.id]
|
|
|
|
|
|
if (d.vpn)
|
|
|
- e.color = "rgba(0, 0, 0, " + (0.5 / d.tq) + ")"
|
|
|
+ e.color = "rgba(170, 162, 164, " + (0.6 / d.tq) + ")"
|
|
|
else
|
|
|
e.color = linkScale(d.tq).hex()
|
|
|
|
|
@@ -602,8 +597,8 @@ define(["d3"], function (d3) {
|
|
|
bctx.textAlign = "center"
|
|
|
bctx.lineWidth = lineWidth
|
|
|
bctx.lineCap = "round"
|
|
|
- bctx.strokeStyle = "rgba(255, 255, 255, 0.8)"
|
|
|
- bctx.fillStyle = "rgba(0, 0, 0, 0.6)"
|
|
|
+ bctx.strokeStyle = "rgba(85, 81, 82, 0.03)"
|
|
|
+ bctx.fillStyle = "rgba(220, 233, 190, 0.8)"
|
|
|
bctx.miterLimit = 2
|
|
|
bctx.strokeText(name, buffer.width / (2 * scale), buffer.height / (2 * scale))
|
|
|
bctx.fillText(name, buffer.width / (2 * scale), buffer.height / (2 * scale))
|