31:T5cb,renderChart = (target) => { var area = d3.area().curve(d3.curveCardinal) .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", "50%").attr("stop-color", "grey"); grad.append("stop").attr("offset", "100%").attr("stop-color", "green"); 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", "white") .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", "black") .attr("stroke-width", 1.5) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .attr("d", line); }32: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) }33:Tbe9,// function getData(){ // var numNeg = 0; // var numPos = 0; // var numNeut = 0; // var samples = globalSamples; // shuffle(csv_data); // var data_sample = []; // var sent_vals = new Set([]); // var idx = 0; // while((numNeg < samples || numPos < samples || numNeut < samples) && csv_data.length > idx){ // var curr = csv_data[idx]; // if(filter != "" && !(curr.tweet.toLowerCase().includes(filter.toLowerCase()))){ // idx = idx + 1; // continue // } // if(curr.sentiment < -0.5 && numNeg < samples && !(sent_vals.has(curr.sentiment))){ // data_sample.push(curr); // sent_vals = sent_vals.add(curr.sentiment); // numNeg = numNeg + 1; // }if(curr.sentiment > 0.5 && numPos < samples && !(sent_vals.has(curr.sentiment))){ // data_sample.push(curr); // sent_vals = sent_vals.add(curr.sentiment); // numPos = numPos + 1; // }else if(curr.sentiment < 0.5 && curr.sentiment > -0.5 && numNeut < samples && // !(sent_vals.has(curr.sentiment))){ // data_sample.push(curr); // sent_vals = sent_vals.add(curr.sentiment); // numNeut = numNeut + 1; // } // idx = idx + 1; // } // return data_sample; // } 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(control_csv_data[randomUser]); var data_sample = []; var sent_vals = new Set([]); var idx = 0; var curr = control_csv_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; }34:[] 2f:{"title":"For Chris","cells":[{"id":0,"value":"md`# For Chris`","pinned":false,"hidden":false,"mode":"ojs"},{"id":648,"value":"viewof category = select([\"RightTroll\",\"Fearmonger\",\"NonEnglish\",\"LeftTroll\",\"Unknown\",\"HashtagGamer\",\"NewsFeed\"])","pinned":false,"hidden":false,"mode":"ojs"},{"id":331,"value":"{\n const button = html`