2d:null 2e:["$","title",null,{"children":"Exploring d3.force's parameters | Malik Koné | Observable"}] 33:T5dd,chart0 = { const simulation = d3.forceSimulation(nodes); if (alpha) simulation.alpha(+alpha); if (alphaMin) simulation.alphaMin(+alphaMin); if (alphaDecay) simulation.alphaDecay(+alphaDecay); if (alphaTarget) simulation.alphaTarget(+alphaTarget); if (velocityDecay) simulation.velocityDecay(+velocityDecay); if (cbforce.indexOf('l') >= 0) simulation.force("link", d3.forceLink(links).id(d => d.id)); if (cbforce.indexOf('m') >= 0) simulation.force("charge", d3.forceManyBody() ); if (cbforce.indexOf('x') >= 0) simulation.force("x", d3.forceX()); if (cbforce.indexOf('y') >= 0) simulation.force("y", d3.forceY()); const svg = d3.create("svg") .attr("viewBox", [-width / 2, -height / 2, width, height]); const link = svg.append("g") .attr("stroke", "#999") .attr("stroke-opacity", 0.6) .selectAll("line") .data(links) .join("line") .attr("stroke-width", d => Math.sqrt(d.value)); const node = svg.append("g") .attr("stroke", "#fff") .attr("stroke-width", 1.5) .selectAll("circle") .data(nodes) .join("circle") .attr("r", 5) .attr("fill", color) .call(drag(simulation)); node.append("title") .text(d => d.id); simulation.on("tick", () => { link .attr("x1", d => d.source.x) .attr("y1", d => d.source.y) .attr("x2", d => d.target.x) .attr("y2", d => d.target.y); node .attr("cx", d => d.x) .attr("cy", d => d.y); }); invalidation.then(() => simulation.stop()); return svg.node(); }34:T627,chart = { const simulation = d3.forceSimulation(nodes); (alpha)? simulation.alpha(+alpha) : null; (alphaMin)? simulation.alphaMin(+alphaMin) : null; (alphaDecay)? simulation.alphaDecay(+alphaDecay) : null; (alphaTarget)? simulation.alphaTarget(+alphaTarget) : null; (velocityDecay)? simulation.velocityDecay(+velocityDecay) : null; if (cbforce.indexOf('l') >= 0) simulation.force("link", d3.forceLink(links).id(d => d.id)); if (cbforce.indexOf('m') >= 0) simulation.force("charge", fmany ); if (cbforce.indexOf('x') >= 0) simulation.force("x", d3.forceX()); if (cbforce.indexOf('y') >= 0) simulation.force("y", d3.forceY()); const svg = d3.create("svg") .attr("viewBox", [-width / 2, -height / 2, width, height]); const link = svg.append("g") .attr("stroke", "#999") .attr("stroke-opacity", 0.6) .selectAll("line") .data(links) .join("line") .attr("stroke-width", d => Math.sqrt(d.value)); const node = svg.append("g") .attr("stroke", "#fff") .attr("stroke-width", 1.5) .selectAll("circle") .data(nodes) .join("circle") .attr("r", 5) .attr("fill", color) .call(drag(simulation)); node.append("title") .text(d => d.id); simulation.on("tick", () => { link .attr("x1", d => d.source.x) .attr("y1", d => d.source.y) .attr("x2", d => d.target.x) .attr("y2", d => d.target.y); node .attr("cx", d => d.x) .attr("cy", d => d.y); }); invalidation.then(() => simulation.stop()); return svg.node(); }35:T48e,chart2 = { const simulation = d3.forceSimulation(nodes) .force("link", d3.forceLink(links).id(d => d.id)) .force("charge", d3.forceManyBody() ) .force("x", fpos.x) .force("y", fpos.y); const svg = d3.create("svg") .attr("viewBox", [-width / 2, -height / 2, width, height]); // le zéro est au centre const link = svg.append("g") .attr("stroke", "#999") .attr("stroke-opacity", 0.6) .selectAll("line") .data(links) .join("line") .attr("stroke-width", d => Math.sqrt(d.value)); const node = svg.append("g") .attr("stroke", "#fff") .attr("stroke-width", 1.5) .selectAll("circle") .data(nodes) .join("circle") .attr("r", 5) .attr("fill", color) .call(drag(simulation)); node.append("title") .text(d => d.id); simulation.on("tick", () => { link .attr("x1", d => d.source.x) .attr("y1", d => d.source.y) .attr("x2", d => d.target.x) .attr("y2", d => d.target.y); node .attr("cx", d => d.x) .attr("cy", d => d.y); }); invalidation.then(() => simulation.stop()); return svg.node(); }36:T47c,chart3 = { const simulation = d3.forceSimulation(nodes) .force("link", flink) .force("charge", d3.forceManyBody() ) .force("x", d3.forceX()) .force("y", d3.forceY()); const svg = d3.create("svg") .attr("viewBox", [-width / 2, -height / 2, width, height]); // le zéro est au centre const link = svg.append("g") .attr("stroke", "#999") .attr("stroke-opacity", 0.6) .selectAll("line") .data(links) .join("line") .attr("stroke-width", d => Math.sqrt(d.value)); const node = svg.append("g") .attr("stroke", "#fff") .attr("stroke-width", 1.5) .selectAll("circle") .data(nodes) .join("circle") .attr("r", 5) .attr("fill", color) .call(drag(simulation)); node.append("title") .text(d => d.id); simulation.on("tick", () => { link .attr("x1", d => d.source.x) .attr("y1", d => d.source.y) .attr("x2", d => d.target.x) .attr("y2", d => d.target.y); node .attr("cx", d => d.x) .attr("cy", d => d.y); }); invalidation.then(() => simulation.stop()); return svg.node(); }37:T49d,chart4 = { const simulation = d3.forceSimulation(nodes) .force("link", flink) .force("charge", d3.forceManyBody() ) .force("x", d3.forceX()) .force("y", d3.forceY()) .force("center",fcenter); const svg = d3.create("svg") .attr("viewBox", [-width / 2, -height / 2, width, height]); // le zéro est au centre const link = svg.append("g") .attr("stroke", "#999") .attr("stroke-opacity", 0.6) .selectAll("line") .data(links) .join("line") .attr("stroke-width", d => Math.sqrt(d.value)); const node = svg.append("g") .attr("stroke", "#fff") .attr("stroke-width", 1.5) .selectAll("circle") .data(nodes) .join("circle") .attr("r", 5) .attr("fill", color) .call(drag(simulation)); node.append("title") .text(d => d.id); simulation.on("tick", () => { link .attr("x1", d => d.source.x) .attr("y1", d => d.source.y) .attr("x2", d => d.target.x) .attr("y2", d => d.target.y); node .attr("cx", d => d.x) .attr("cy", d => d.y); }); invalidation.then(() => simulation.stop()); return svg.node(); }38:T4c4,chart5 = { const simulation = d3.forceSimulation(nodes) .force("link", flink) .force("charge", d3.forceManyBody() ) .force("x", d3.forceX()) .force("y", d3.forceY()) .force("center", fcenter) .force("collusion", fcollide); const svg = d3.create("svg") .attr("viewBox", [-width / 2, -height / 2, width, height]); // le zéro est au centre const link = svg.append("g") .attr("stroke", "#999") .attr("stroke-opacity", 0.6) .selectAll("line") .data(links) .join("line") .attr("stroke-width", d => Math.sqrt(d.value)); const node = svg.append("g") .attr("stroke", "#fff") .attr("stroke-width", 1.5) .selectAll("circle") .data(nodes) .join("circle") .attr("r", 5) .attr("fill", color) .call(drag(simulation)); node.append("title") .text(d => d.id); simulation.on("tick", () => { link .attr("x1", d => d.source.x) .attr("y1", d => d.source.y) .attr("x2", d => d.target.x) .attr("y2", d => d.target.y); node .attr("cx", d => d.x) .attr("cy", d => d.y); }); invalidation.then(() => simulation.stop()); return svg.node(); }39:[] 31:{"id":"352daed420fbb0de","slug":"testing-the-d3-forces-parameters","title":"Exploring d3.force's parameters","thumbnail":"5554edd9c0141f0c00910eef615d254cf5ac0cdb86dc1662551c6944ddbb3c9f","access_level":"public","create_time":"$D2019-06-19T11:19:39.151Z","update_time":"$D2019-09-04T18:50:44.772Z","view_time":null,"first_public_time":"$D2019-06-20T17:38:19.092Z","has_unpublished_edits":null,"fork":true,"stars":28,"starred":false,"owner":{"type":"team","id":"67e45a130f28cdf9","login":"maliky","name":"Malik Koné","avatar_url":"https://avatars-next.observableusercontent.com/7674a5e40b2a6edaa5a2d627bbb5013cbe6fb6986b4d053167e52cfed5441c55","tier":"starter_2024"},"version":1782,"publish_version":1782,"role":null,"authored":false,"authors":[{"type":"individual","id":"d3108f8c2ef2e746","login":"maliky","name":"Malik Koné","avatar_url":"https://avatars-next.observableusercontent.com/7674a5e40b2a6edaa5a2d627bbb5013cbe6fb6986b4d053167e52cfed5441c55","tier":null}],"members":[{"type":"individual","id":"d3108f8c2ef2e746","login":"maliky","name":"Malik Koné","avatar_url":"https://avatars-next.observableusercontent.com/7674a5e40b2a6edaa5a2d627bbb5013cbe6fb6986b4d053167e52cfed5441c55","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":15,"collection":{"id":"2bb334656104620f","slug":"networks","title":"Networks","owner":{"id":"67e45a130f28cdf9","login":"maliky","name":"Malik Koné"}},"type":"notebook","body":{"title":"Exploring d3.force's parameters","cells":[{"id":1,"value":"md`# Exploring d3.force's parameters`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"md`#### d3-force's presentation, [from the official doc](https://github.com/d3/d3-force/blob/v1.2.1/README.md#_force)\n\nThis module implements a velocity Verlet https://en.wikipedia.org/wiki/Verlet_integration numerical integrator for simulating physical forces on particles. The simulation is simplified: it assumes a constant unit time step Δt = 1 for each step, and a constant unit mass m = 1 for all particles. As a result, a force F acting on a particle is equivalent to a constant acceleration a over the time interval Δt, and can be simulated simply by adding to the particle’s velocity, which is then added to the particle’s position.\n\n\n index - the node’s zero-based index into nodes\n x - the node’s current x-position\n y - the node’s current y-position\n vx - the node’s current x-velocity\n vy - the node’s current y-velocity\n\n fx - the node’s fixed x-position\n fy - the node’s fixed y-position\n...\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":181,"value":"md`### Simulation params\nThe simulation will be restarted at each update. starting with the alpha value and apply the alpha decay until the alpha < alpha min (alpha target?)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":820,"value":"html`

Simulation parameters

\n\n\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":773,"value":"viewof cbforce = checkbox({\n title: \"Toggle which force to apply\",\n// description: \"Toggle the forces to apply\",\n options: [\n { value: \"l\", label: \"forceLink\" },\n { value: \"m\", label: \"forceManyBody\" },\n { value: \"x\", label: \"forceX\" },\n { value: \"y\", label: \"forceY\" },\n ],\n value: [\"l\", \"m\", \"x\", \"y\"],\n submit: false\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":768,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":812,"value":"\nviewof alphaMin = text({title: \"Alpha min\",\n\t\t\tplaceholder: \"Default 0.001\", \n\t\t\tdescription: \"\\in [0;1]\"\n\t\t });\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":187,"value":"html`

ForceManyBody

${viewof alpha}	${viewof alphaMin}	${viewof alphaDecay}
${viewof alphaTarget}	${viewof velocityDecay}

\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"fmany = {\n let many = d3.forceManyBody().strength(d => mstrength)\n .distanceMin(mdistanceMin)\n .distanceMax(mdistanceMax);\n return many;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":218,"value":"html`

Positioning Forces

${viewof mstrength}

${viewof mdistanceMin}

${viewof mdistanceMax}

\n\n\n\n\n\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":322,"value":"md`If each node's position is set, then it seems to overrides the general x and y forces`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":231,"value":"fpos ={\n\n function strengthX() { return fPosStrengthX; // default .1\n }\n function strengthY() {return fPosStrengthY; // default .1\n }\n function Ay() {return fPosAy; //return 0;\n }\n function Ax() {return fPosAx; //return 0;\n }\n\n let x = d3.forceX(fposx).strength(fPosStrengthX);\n let y = d3.forceY(fposy).strength(fPosStrengthY);\n \n if (fPosAy !== 0){y.y(Ay);}\n if (fPosAx !== 0){x.x(Ax);}\n\n return {x:x, y:y}\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":324,"value":"html`

Link Force, see docs \n

${viewof fposx}	${viewof fposy}
${viewof fPosStrengthX}	${viewof fPosStrengthY}
${viewof fPosAx}	${viewof fPosAy}

\n\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":256,"value":"flink = {\n // let center = d3.forceCenter([x, y])\n function distance(){\n // def return 30;\n return flinkDistance;\n }\n\n function strength(link) {\n let dx = (link.source.x - link.target.x)**2,\n dy = (link.source.y - link.target.y)**2;\n if (flinkstrength === 'null'){ \n return null //1 / Math.min(count(link.source), count(link.target)); // default\n } else if (flinkstrength == 'inverse.5'){\n return 1 / (dx + dy)**(.5)\n }else if (flinkstrength == 'inverse1'){\n return 1 / (dx + dy)\n }\n else if (flinkstrength == 'inverse2'){\n return 1 / (dx + dy)**2\n } else if (flinkstrength == 'inverse.3'){\n return 1 / (dx + dy)**(1/3)\n } else if (flinkstrength == 'inverse.25'){\n return 1 / (dx + dy)**(.25)\n }\n else {\n return flinkstrength;\n }\n }\n\n let link = d3.forceLink(links).id(d => d.id)\n .distance(distance);\n if (flinkstrength !== 'default'){ \n link.strength(strength);\n } \n return link;\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":261,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":718,"value":"md`### Centering [see docs](https://github.com/d3/d3-force/blob/v1.2.1/README.md#forceCenter)\n\nA bit like the positionning force but directly modify the node's position, not their velocity, Move them trying to keep their relative place constant`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1474,"value":"html`

${viewof flinkstrength}

${viewof flinkDistance}

\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":725,"value":"fcenter = {\n let fcenter = d3.forceCenter(centerx, centery);\n // if (centerx !== 0) fcenter.x(centerx);\n // if (centerx !== 0) fcenter.y(centerx);\nreturn fcenter;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1461,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":723,"value":"md`### Collision [see docs](https://github.com/d3/d3-force/blob/v1.2.1/README.md#forceCenter)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1529,"value":"fcollide = {\n let fcollide = d3.forceCollide();\n if (cradius) fcollide.radius(+cradius);\n if (cstrenght) fcollide.strength(+cstrenght);\n if (citeration) fcollide.iterations(+citeration);\n\n \n return fcollide;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1540,"value":"html`

${viewof centerx}

${viewof centery}

\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1611,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":703,"value":"md`#### Canvas`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"height = 680","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"color = {\n const scale = d3.scaleOrdinal(d3.schemeCategory10);\n return d => scale(d.group);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"drag = simulation => {\n \n function dragstarted(d) {\n if (!d3.event.active) simulation.alphaTarget(0.3).restart();\n d.fx = d.x;\n d.fy = d.y;\n }\n \n function dragged(d) {\n d.fx = d3.event.x;\n d.fy = d3.event.y;\n }\n \n function dragended(d) {\n if (!d3.event.active) simulation.alphaTarget(0);\n d.fx = null;\n d.fy = null;\n }\n \n return d3.drag()\n .on(\"start\", dragstarted)\n .on(\"drag\", dragged)\n .on(\"end\", dragended);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":257,"value":"md`## Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":140,"value":"links = data.links.map(d => Object.create(d));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":143,"value":"nodes = data.nodes.map(d => Object.create(d));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"data = d3.json(\"https://gist.githubusercontent.com/mbostock/74cb803c013404ac30e63f020a52a2fd/raw/c7c74c939b602c56c80848963f9ad24802baaead/graph.json\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1569,"value":"md`##### Views for collide`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1535,"value":"viewof cstrenght = slider({\n title:\"Strenght\",\n min: 0, \n max: 1, \n step: .1, \n value: .7,\n description: \"Default .7, see docs\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1531,"value":"viewof citeration = text({title: \"Iteration for the collide\",\n\t\t\t placeholder: \"Default 1\", \n\t\t\t description: \"Reduce overlap for great value but has a computation cost\"\n\t\t\t });","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1533,"value":"viewof cradius = slider({\n title:\"Radius\",\n min: .1, \n max: 10, \n step: .1, \n value: 1,\n description: \"Default 1, node collusion radius\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1505,"value":"md`##### View for centering`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1468,"value":"viewof centery = slider({\n min: -height/2, \n max: height, \n step: 1, \n value: 0,\n description: \"Y center coordinate\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1465,"value":"viewof centerx = slider({\n min: -width/2, \n max: width, \n step: 1, \n value: 0,\n description: \"X center coordinate\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":853,"value":"md`##### views for general parameters`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":805,"value":"viewof velocityDecay = text({title: \"Velocity decay\",\n\t\t\t placeholder: \".4\", \n\t\t\t description: \"kind of atomspheric friction each node’s velocity is multiplied by 1 - decay\"\n\t\t\t });","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":815,"value":"viewof alphaDecay = text({title: \"Alpha decay\",\n\t\t\t placeholder: \"0.0228… = 1 - pow(0.001, 1 / 300) where 0.001\", \n\t\t\t description: \"\\in [0;1]\"\n\t\t\t });","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1776,"value":"viewof alpha = text({title: \"Alpha\",\n placeholder: \"Default 1\", \n description: \"\\in [0;1]\"\n });","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":818,"value":"viewof alphaTarget = text({title: \"Alpha target\",\n\t\t\t placeholder: \"Default 0\", \n\t\t\t description: \"\\in [0;1]\"\n\t\t\t });","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":392,"value":"md`##### ManyByMany Views`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":206,"value":"viewof mdistanceMax = slider({\n min: mdistanceMin, \n max: 1000, \n step: 10, \n value: 100,\n description: \"distanceMax, default infinity\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":191,"value":"viewof mstrength = slider({\n min: -100, \n max: 100, \n step: .01, \n value: -30,\n description: \"Strength for Many or Charge (default -30)\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":204,"value":"viewof mdistanceMin = slider({\n min: 0, \n max: 50, \n step: .1, \n value: 1,\n description: \"distanceMin (default 1)\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":527,"value":"md`##### Positionning Views`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":316,"value":"viewof fPosAy = slider({\n min: -100, \n max: +100,\n step: 1, \n value: 0,\n description: \"nodes' y positions\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":300,"value":"viewof fPosAx = slider({\n min: -100, \n max: +100,\n step: 1, \n value: 0,\n description: \"nodes' x positions\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":275,"value":"viewof fPosStrengthY = slider({\n min: -.1, // se repousse\n max: 2,\n step: .01, \n value: .1,\n description: \"y force's strength\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":271,"value":"viewof fPosStrengthX = slider({\n min: -.1, \n max: 2,\n step: .01, \n value: .1,\n description: \"x force's strength\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"viewof fposy = slider({\n min: -height/2, \n max: height/2, \n step: 1,\n value: 0,\n description: \"y position\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":240,"value":"viewof fposx = slider({\n min: -width/2, \n max: +width/2,\n step: 1, \n value: 0,\n description: \"x Position\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":671,"value":"md`##### Link Views`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":329,"value":"viewof flinkDistance = slider({\n min: 0, \n max: 100, \n step: 1, \n value: 30,\n description: \"Link distance\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":331,"value":"viewof flinkstrength = select({\n title: \"strength\",\n description: \"Select a way to compute the link's strenght\",\n options: [\"default\", \"null\", \"inverse1\",\"inverse2\", \"inverse3\" ],\n value: \"default\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"md`### Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":193,"value":"import {slider,checkbox, select, text} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W39","stdlib":"1","titling":"auto"}} 32:"$31:body"

${viewof cstrenght}

${viewof cradius}

${viewof citeration}