30: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) }31:T48a,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; }32:T91e,renderChart = (target) => { var area = d3.area() .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(counts) .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(counts) .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(counts) .attr("fill", "none") .attr("stroke", "steelblue") .attr("stroke-width", 1.5) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .attr("d", line); }33:[] 2e:{"title":"For Chris","cells":[{"id":0,"value":"md`# For Chris`","pinned":false,"hidden":false,"mode":"ojs"},{"id":418,"value":"viewof filter = text({placeholder: \"Filter Tweets\", description: \"Type a word to search for\", submit: \"Filter\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":331,"value":"{\n const button = html`