25:null 26:["$","title",null,{"children":"Cluster | Sam Margalit | Observable"}] 2b:Ta13,svg = { const { negative, neutral, positive } = cluster.sentiment // const RADIUS = MAX_NUM_DOTS * 4 const svg = d3.select(DOM.svg(width, height)) .style("width", "100%") .style("height", "auto"); const getNumberOfDots = d3.scaleLinear().domain([0,1]).range([0, MAX_NUM_DOTS]) const getXOffset = d3.scaleLinear().domain([0,1]).range([-SPREAD, SPREAD]) const getDestinationX = (node, i) => { const normalizedX = i / MAX_NUM_DOTS // 0 - 1 const density = Math.sin(Math.PI * normalizedX) * 0.5 const sinX = normalizedX < 0.5 ? density : 1 - density return getXOffset(sinX) } const nodes = ['negative', 'neutral', 'positive'] .map(sentiment => { const nodeCount = Math.round(getNumberOfDots(cluster.sentiment[sentiment])) return [...Array(nodeCount)].map((n, i) => ({ sentiment, })) }) .reduce((acc, curr) => acc.concat(curr), []) .map((n, i) => ({ ...n, x: 0, y: 0 })) console.log(nodes) const POS_NUM_DOTS = nodes.filter(n => n.sentiment === 'positive') const NEU_NUM_DOTS = nodes.filter(n => n.sentiment === 'neutral') const NEG_NUM_DOTS = nodes.filter(n => n.sentiment === 'negative') const simulation = d3.forceSimulation().alphaDecay(ALPHA_DECAY).velocityDecay(VELOCITY_DECAY) // .force("x", d3.forceX().strength(0.1)) // .force("y", d3.forceY().strength(0.1)) .force("sentiment", sentimentForce()) .force("collision", d3.forceCollide(10).strength(COLLISION_STRENGTH).iterations(COLLISION_ITERATIONS)) .force("radial", d3.forceRadial(RADIAL_FORCE_RADIUS).strength(RADIAL_FORCE_STRENGTH)) function sentimentForce() { let _nodes; function force(alpha) { const k = alpha * SENTIMENT_STRENGTH; _nodes.forEach((node, i) => { node.vx -= (node.x - getDestinationX(node, i)) * k // node.vx -= (node.x - getDestinationY(node, i)) * k }) } force.initialize = (nodes) => _nodes = nodes return force; } const colorMap = { positive: 'greenyellow', neutral: 'lightgray', negative: 'red' } const node = svg.append("g") .attr("transform", `translate(${width/2}, ${height/2})`) .selectAll("circle") .data(nodes) .enter().append("circle") .attr("r", 5) .attr("fill", d => colorMap[d.sentiment]) simulation.nodes(nodes) .on("tick", ticked) function ticked() { node .attr("cx", function(d) { return d.x }) .attr("cy", function(d) { return d.y }); } return svg.node(); }2c:[] 29:{"id":"d00bb0af56e96c37","slug":"cluster/2","title":"Cluster","thumbnail":"3a2d19c25c1532e434a13b528fe78f88ae4fb79dbd5d09b17df16b4fae4df6a0","access_level":"public","create_time":"$D2018-06-01T01:05:44.623Z","update_time":"$D2018-06-04T07:11:13.526Z","view_time":null,"first_public_time":"$D2018-06-01T01:24:36.327Z","has_unpublished_edits":null,"fork":{"id":"5746d23ba9f15b20","slug":"cluster","title":"Cluster","owner":{"id":"4a65e49e659c2818","login":"lijuenc","name":"lijuenc"}},"stars":2,"starred":false,"owner":{"type":"team","id":"8cf6e529d0b45eb5","login":"margalit","name":"Sam Margalit","avatar_url":"https://avatars-next.observableusercontent.com/1e843b7f1bba7fe3ed69d678ba64ef3704026dc9a4b661b15f865f8323ccc311","tier":"starter_2024"},"version":2328,"publish_version":2328,"role":null,"authored":false,"authors":[{"type":"individual","id":"76fee0ff40c93038","login":"margalit","name":"Sam Margalit","avatar_url":"https://avatars-next.observableusercontent.com/1e843b7f1bba7fe3ed69d678ba64ef3704026dc9a4b661b15f865f8323ccc311","tier":null}],"members":[{"type":"individual","id":"76fee0ff40c93038","login":"margalit","name":"Sam Margalit","avatar_url":"https://avatars-next.observableusercontent.com/1e843b7f1bba7fe3ed69d678ba64ef3704026dc9a4b661b15f865f8323ccc311","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Cluster","cells":[{"id":0,"value":"md`# Cluster`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"$2b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2258,"value":"viewof MAX_NUM_DOTS = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2261,"value":"viewof SPREAD = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2290,"value":"viewof SENTIMENT_STRENGTH = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2233,"value":"viewof ALPHA_DECAY = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2249,"value":"viewof VELOCITY_DECAY = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2237,"value":"viewof RADIAL_FORCE_RADIUS = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2243,"value":"viewof RADIAL_FORCE_STRENGTH = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2246,"value":"viewof COLLISION_STRENGTH = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2253,"value":"viewof COLLISION_ITERATIONS = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":481,"value":"cluster = {\n return {\n sentiment: { \n positive: 0.8,\n neutral: 0.1,\n negative: 0.1,\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"width = 932","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"height = 400","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2c","stdlib":"1","titling":"auto"}} 2a:"$29:body"