31:T32f2,32:T148c,movedots = (funds)=> { let fossilfuely = 200; let deforestationy = 400; let gendery = 600; let weapony = 800; let prisony = 1000; let ffdots = vis.selectAll('.ffdot') .data(sliderData) .join('circle') .classed('ffdot', true) .attr('cx', d=> scalexmain(d['Fossil Free Funds: Fossil fuel holdings, weight'] )) .attr('cy', fossilfuely) .attr('r', 5) .style("fill", (d)=>"black") .style("opacity", (d)=>"0.8") let dfdots = vis.selectAll('.dfdot') .data(sliderData) .join('circle') .classed('dfdot', true) .attr('cx', d=> scalexmainDFFp(d['Deforestation Free Funds: Deforestation-risk producer, weight'] )) .attr('cy', deforestationy) .attr('r', 5) .style("fill", (d)=>"red") .style("opacity", (d)=>"0.8") let df2dots = vis.selectAll('.df2dot') .data(sliderData) .join('circle') .classed('df2dot', true) .attr('cx', d=> scalexmainDFFf(d['Deforestation Free Funds: Deforestation-risk financier, weight'] )) .attr('cy', deforestationy) .attr('r', 5) .style("fill", (d)=>"blue") .style("opacity", (d)=>"0.8") let df3dots = vis.selectAll('.df3dot') .data(sliderData) .join('circle') .classed('df3dot', false) .attr('cx', d=> scalexmainDFFc(d['Deforestation Free Funds: Deforestation-risk consumer brand, weight'] )) .attr('cy', deforestationy) .attr('r', 5) .style("fill", (d)=>"purple") .style("opacity", (d)=>"0.8") let gfdots = vis.selectAll('.gfdot') .data(sliderData) .join('circle') .classed('gfdot', true) .attr('cx', d=> scalexmainGEF(d['Gender Equality Funds: Gender equality score - Overall score (out of 100 points)'] )) .attr('cy', gendery) .attr('r', 5) .style("fill", (d)=>"black") .style("opacity", (d)=>"0.8") let wfdots = vis.selectAll('.wfdot') .data(sliderData) .join('circle') .classed('wfdot', true) .attr('cx', d=> scalexmainWFW(d['Weapon Free Funds: Military weapon, weight'] )) .attr('cy', weapony) .attr('r', 5) .style("fill", (d)=>"black") .style("opacity", (d)=>"0.8") let pfdots = vis.selectAll('.pfdot') .data(sliderData) .join('circle') .classed('pfdot', true) .attr('cx', d=> scalexmainPFF(d['Prison Free Funds: All flagged, weight'] )) .attr('cy', prisony) .attr('r', 5) let pf2dots = vis.selectAll('.pf2dot') .data(sliderData) .join('circle') .classed('pf2dot', true) .attr('cx', d=> scalexmainPFF2(d['Prison Free Funds: All flagged, higher risk, weight'] )) .attr('cy', prisony) .attr('r', 5) .style("fill", (d)=>"orange") .style("opacity", (d)=>"0.8") if (sliderData.length == 1) { let grade = sliderData[0]["Fossil Free Funds: Fossil fuel grade"]; let color; if (grade == "A") { color = "green"; } else if (grade == "B") { color = "yellowgreen"; } else if (grade == "C") { color = "orange"; } else if (grade == "D") { color = "orangered"; } else { color = "red"; } d3.select("#gradefossil").text(grade); d3.select("#boxf").style("fill", color); } if (sliderData.length == 1) { let grade = sliderData[0]["Deforestation Free Funds: Deforestation grade"]; let color; if (grade == "A") { color = "green"; } else if (grade == "B") { color = "yellowgreen"; } else if (grade == "C") { color = "orange"; } else if (grade == "D") { color = "orangered"; } else { color = "red"; } d3.select("#gradedeforestation").text(grade); d3.select("#boxd").style("fill", color); } if (sliderData.length == 1) { let grade = sliderData[0]["Gender Equality Funds: Gender equality grade"]; let color; if (grade == "A") { color = "green"; } else if (grade == "B") { color = "yellowgreen"; } else if (grade == "C") { color = "orange"; } else if (grade == "D") { color = "orangered"; } else { color = "red"; } d3.select("#gradegender").text(grade); d3.select("#boxg").style("fill", color); } if (sliderData.length == 1) { let grade = sliderData[0]["Weapon Free Funds: Military weapon grade"]; let color; if (grade == "A") { color = "green"; } else if (grade == "B") { color = "yellowgreen"; } else if (grade == "C") { color = "orange"; } else if (grade == "D") { color = "orangered"; } else { color = "red"; } d3.select("#gradeweapon").text(grade); d3.select("#boxw").style("fill", color); } if (sliderData.length == 1) { let grade = sliderData[0]["Prison Free Funds: Prison industrial complex grade"]; let color; if (grade == "A") { color = "green"; } else if (grade == "B") { color = "yellowgreen"; } else if (grade == "C") { color = "orange"; } else if (grade == "D") { color = "orangered"; } else { color = "red"; } d3.select("#gradeprison").text(grade); d3.select("#boxp").style("fill", color); } } 33:[{"id":"a6a2feca7a70e8f1e148c4f67f11a5b641e6c618e077953d0f85ab3a291dcea1f85f40f6fe43ab3843cc9bb5d11d626868763b7e76e6e65179c47647cf72dc49","href":"https://static.observableusercontent.com/files/a6a2feca7a70e8f1e148c4f67f11a5b641e6c618e077953d0f85ab3a291dcea1f85f40f6fe43ab3843cc9bb5d11d626868763b7e76e6e65179c47647cf72dc49","name":"new_fff@1.csv","type":"text/csv","lastModified":1651246956144.712,"size":47987}] 2f:{"title":"How to get an A...","cells":[{"id":4,"value":"# How to get an A... \n## investing in your values\n","pinned":false,"hidden":false,"mode":"md"},{"id":47,"value":"$31","pinned":true,"hidden":false,"mode":"html"},{"id":258,"value":"vis = d3.select(sliderSVG)","pinned":false,"hidden":false,"mode":"ojs"},{"id":149,"value":"scaleX = d3.scaleLinear().domain([0,1]).range([0,1])","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"alldata = FileAttachment(\"new_fff@1.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":304,"value":"viewof sliderData = Inputs.search(alldata, {placeholder: \"Fund profile: Shareclass name\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":306,"value":"sliderData","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"leftmostX = 0","pinned":false,"hidden":false,"mode":"ojs"},{"id":248,"value":"scalexmain = d3.scaleLinear().domain([0,0.3]).range([150,950])","pinned":false,"hidden":false,"mode":"ojs"},{"id":715,"value":"scalexmainPFF = d3.scaleLinear().domain([0,0.22]).range([575,950])","pinned":false,"hidden":false,"mode":"ojs"},{"id":718,"value":"scalexmainPFF2 = d3.scaleLinear().domain([0,0.1]).range([150,525])","pinned":false,"hidden":false,"mode":"ojs"},{"id":685,"value":"scalexmainWFW = d3.scaleLinear().domain([0,0.07]).range([150,950])","pinned":false,"hidden":false,"mode":"ojs"},{"id":295,"value":"scalexmainGEF = d3.scaleLinear().domain([0,100]).range([150,950])","pinned":false,"hidden":false,"mode":"ojs"},{"id":469,"value":"scalexmainDFFp = d3.scaleLinear().domain([0,.06]).range([150,400])","pinned":false,"hidden":false,"mode":"ojs"},{"id":475,"value":"scalexmainDFFf = d3.scaleLinear().domain([0,0.12]).range([425,675])","pinned":false,"hidden":false,"mode":"ojs"},{"id":478,"value":"scalexmainDFFc = d3.scaleLinear().domain([0,0.35]).range([700,950])","pinned":false,"hidden":false,"mode":"ojs"},{"id":249,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":487,"value":"movedots(sliderData)","pinned":true,"hidden":false,"mode":"ojs"},{"id":976,"value":"sliderData[0]","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}