2a:T675,function showTooltip(d, i) { const container = selectAncestor(this, "div") const boundingClientRect = this.getBoundingClientRect(); const containerBoundingClientRect = container.getBoundingClientRect(); const x = boundingClientRect.left - containerBoundingClientRect.left - 4 + (boundingClientRect.width / 2); const y1 = boundingClientRect.top - containerBoundingClientRect.top + (boundingClientRect.height / 2); const y2 = boundingClientRect.top - containerBoundingClientRect.top + boundingClientRect.height + 30; const containerDivLine = d3.select(container) .append("div") .attr("id", "tooltip-guide") .style("opacity", 0) .style("background-color", "black") .style("width", "1px") .style("position", "absolute") .style("pointer-events", "none") .style("top", `${y1}px`) .style("height", `${y2 - y1}px`) .style("left", `${x}px`) .style("width", "1px") .transition(d3.transition().duration(500)) .style("opacity", 1) const containerDiv = d3.select(container) .append("div") .attr("id", "tooltip") .style("opacity", 0) .style("background-color", "white") .style("color", "black") .style("max-width", `${500}px`) // max width .style("max-height", "350px") .style("overflow-y", "scroll") .style("padding", "10px") .style("position", "absolute") .style("pointer-events", "none") .style("border-top", `1px ${"black"} solid`) .style("box-shadow", "3px 3px 5px #cccccc") .style("top", `${y2}px`) .style("left", `${x}px`) .html(() => d.tweet) .transition(d3.transition().duration(500)) .style("opacity", 1) }2b:T6d0,function getData(){ var numNeg = 0; var numPos = 0; var numNeut = 0; var maxNeg = 0; var maxPos = 0; var maxNeut = 0; counts.forEach(function(s) { if(s.sent <= -0.5){ maxNeg = maxNeg + s.num; }else if(s.sent <= 0.5){ maxNeut = maxNeut + s.num; }else{ maxPos = maxPos + s.num; } }); if(maxNeg+maxNeut+maxPos > 60){ maxNeg = Math.round(maxNeg/5); maxPos = Math.round(maxPos/5); maxNeut = Math.round(maxNeut/5); } //shuffle(full_data[randomUser]); var data_sample = []; var sent_vals = new Set([]); var idx = 0; var curr = full_data[randomUser]; while((numNeg < maxNeg || numPos < maxPos || numNeut < maxNeut) && curr.tweets.length > idx){ if(filter != "" && !(curr.tweets[idx].toLowerCase().includes(filter.toLowerCase()))){ idx = idx + 1; continue } if(curr.sentiments[idx] < -0.5 && numNeg < maxNeg && !(sent_vals.has(curr.sentiments[idx]))){ data_sample.push({"tweet":curr.tweets[idx],"sent":curr.sentiments[idx]}); sent_vals = sent_vals.add(curr.sentiments[idx]); numNeg = numNeg + 1; }if(curr.sentiments[idx] > 0.5 && numPos < maxPos && !(sent_vals.has(curr.sentiments[idx]))){ data_sample.push({"tweet":curr.tweets[idx],"sent":curr.sentiments[idx]}); sent_vals = sent_vals.add(curr.sentiments[idx]); numPos = numPos + 1; }else if(curr.sentiments[idx] < 0.5 && curr.sentiments[idx] > -0.5 && numNeut < maxNeut && !(sent_vals.has(curr.sentiments[idx]))){ data_sample.push({"tweet":curr.tweets[idx],"sent":curr.sentiments[idx]}); sent_vals = sent_vals.add(curr.sentiments[idx]); numNeut = numNeut + 1; } idx = idx + 1; } return data_sample; }2c:T93d,renderChart = (target) => { var area = d3.area().curve(d3.curveMonotoneX) .x(function(d) {return xScale(parseFloat(d.sent));}) .y0(height - margin.bottom) .y1(function(d) {return yScale(d.num);}); var grad = target.append("defs") .append("linearGradient") .attr("id", "grad"); grad.append("stop").attr("offset", "0%").attr("stop-color", "red"); grad.append("stop").attr("offset", "25%").attr("stop-color", "red"); grad.append("stop").attr("offset", "25%").attr("stop-color", "grey"); grad.append("stop").attr("offset", "75%").attr("stop-color", "grey"); grad.append("stop").attr("offset", "75%").attr("stop-color", "green"); grad.append("stop").attr("offset", "100%").attr("stop-color", "green"); target.selectAll('circle') .data(percents) .enter().append('circle') .attr('r', 1) // .attr("fill", d => { if(d.sentiment > 0.5){ // return "green"; // }else if(d.sentiment < -0.5){ // return "red"; // }else{ // return "gray";}}) .attr("fill", "steelblue") .attr('cx', d => xScale(parseFloat(d.sent))) .attr('cy', d => yScale(d.num)) .on("mouseover", showTooltip) .on("mouseout", hideTooltip); target.append('g') .call(xAxis); target.append('g') .call(yAxis); for(var i = 0; i < ghost.length; i++){ target.append("path") .datum(ghost[i]) .attr("class", "area") .attr("d", area) /*.attr("fill", function(d){ if(d.sent >.5){ return "green";} else if(d.sent < -.5){return "red";} else{return "gray";} })*/ .style("fill", "url(#grad)") .style("opacity", .1); } target.append("path") .datum(percents) .attr("fill", "none") .attr("stroke", "lightskyblue") .attr("stroke-width", 2) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .attr("d", line); target.append("path") .datum(percents) .attr("fill", "none") .attr("stroke", "steelblue") .attr("stroke-width", 1.5) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .attr("d", line); }2d:T427,function getSentimentCounts(){ var dict = {}; dict[-1.0] = []; for (let i = -0.9; i < 1.0; i += 0.1) { if (parseInt(i) !== 0) dict[0] = []; else dict[i.toFixed(1)] = []; } var rand = randomUser; console.log(full_data[rand].category); var arrayLength = full_data[rand].tweets.length; for (var i = 0; i < arrayLength; i++) { var curr = full_data[rand]; if(filter != "" && !(curr.tweets[i].toLowerCase().includes(filter.toLowerCase()))){ continue; } var sent = Math.round(curr.sentiments[i]*10)/10; if(sent in dict){ dict[sent].push(curr); }else{ dict[sent] = [curr]; } } var total = 0; var counts = []; for(var key in dict){ counts.push({"sent":parseFloat(key), "num":dict[key].length}); total = total + dict[key].length; } var percents = []; for(var i = 0; i < counts.length; i++){ percents.push({"sent":counts[i].sent,"num":counts[i].num/total}); } return {"counts":sortByKey(counts,"sent"), "percents":sortByKey(percents,"sent")}; }2e:[] 29:{"title":"Russian Troll Tweet Visualization","cells":[{"id":0,"value":"md`# Russian Troll Tweet Visualization`","pinned":false,"hidden":false,"mode":"ojs"},{"id":648,"value":"viewof category = select([\"Control\",\"RightTroll\",\"Fearmonger\",\"NonEnglish\",\"LeftTroll\",\"Unknown\",\"HashtagGamer\",\"NewsFeed\"])\n\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":690,"value":"{\n const button = html`