31:T7de,{ let dimensions ={ width: 200, height: 200 } d3.selectAll(".chart").remove(); cleanData.map(chart => { const svg = d3 .select(".grid") .append("svg") .attr("viewBox", [0, 0, dimensions.width, dimensions.height]) .attr("class", `${chart.province} chart`); svg .selectAll(".crisis") .data([chart]) .enter() .append("rect") .attr("width", dimensions.width) .attr("y", 0) .attr("height", d => d.crisisPercent * dimensions.height) .attr("class", "crisis"); svg .selectAll(".medical") .data([chart]) .enter() .append("rect") .attr("width", dimensions.width) .attr("y", d => d.crisisPercent * dimensions.height) .attr("height", d => d.medicalPercent * dimensions.height) .attr("class", "medical"); svg .selectAll(".line") .data([chart]) .enter() .append("line") .attr("x1", 0) .attr("y1", d => d.crisisPercent * dimensions.height) .attr("x2", dimensions.width) .attr("y2", d => d.crisisPercent * dimensions.height) .attr("class", "line"); svg .selectAll("text") .data([chart]) .enter() .append("text") .text(d => d.province) .attr("x", dimensions.width / 2) .attr("y", 35) .attr("text-anchor", "middle") .attr("class", "label"); svg .selectAll(".labelCrisis") .data([chart]) .enter() .append("text") .text(d => d.crisis) .attr("x", dimensions.width - 5) .attr("y", d => d.crisisPercent * dimensions.height - 3) .attr("text-anchor", "end") .attr("class", "labelCrisis"); svg .selectAll(".labelMedical") .data([chart]) .enter() .append("text") .text(d => d.medical) .attr("x", dimensions.width - 5) .attr("y", d => dimensions.height - 5) .attr("text-anchor", "end") .attr("class", "labelMedical"); return svg.node(); }) }32:T4b8,html`` 33:T479,data = d3.csvParse(`Province or Territory,Total Providers,Medical Abortion Providers,Surgical Abortion Providers,Rural Providers,Urban Providers,Hospitals Providing Abortion Care,Clinics Providing Abortion Care,Safe Access Zone Legislation,Gestational Limit in Weeks,Crisis Pregnancy Centres,Female Population,Female Population (Reproductive Age) Alberta,5,3,4,0,5,2,3,2 clinics,20,21,"2,025,800","1,357,286" British Columbia,24,17,18,1,23,10,14,3 clinics,23,26,"2,331,400","1,562,038" Manitoba,4,3,4,0,4,3,1,None,16,7,"644,600","431,882" New Brunswick,5,3,4,0,5,3,2,None,16,7,"381,200","255,404" Newfoundland,4,1,2,1,3,2,1,Yes,16,0,"267,200","179,024" Northwest Territories,1,1,1,0,1,1,0,None,20,0,"21,400","14,338" Nova Scotia,11,9,4,9,2,4,7,None,16,6,"480,500","321,935" Prince Edward Island,1,1,1,0,1,1,0,None,12,2,"75,000","50,250" Nunavut,2,2,2,1,1,1,1,None,19,0,"17,600","11,792" Ontario,38,11,31,4,34,20,18,8 clinics + injunction,23,77,"6,961,500","4,664,205" Quebec,49,21,44,6,43,18,31,Yes,24,14,"4,133,500","2,769,445" Saskatchewan,3,2,3,0,3,2,1,None,18,5,"557,800","373,726" Yukon Territory,1,1,1,0,1,0,1,None,12,0,"17,800","11,926"`)34:[] 2f:{"title":"Abortion Access in Canada","cells":[{"id":0,"value":"md`# Abortion Access in Canada\n\nThis visualization looks at medical abortion providers vs crisis pregnancy centers in Canada by province & territory. Crisis pregnancy centres are a type of organization that exists to counsel women against having an abortion. Some are disguised as actual medical providers through deceptive advertising.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"html`\n

\n Crisis Pregnancy Centres vs.\n Medical Abortion Providers in Canada\n

\n \n \n \n \n \n 100%\n 50%\n \n \n \n

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":22,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":56,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"cleanData = data\n .map(item => {\n const crisis = +item[\"Crisis Pregnancy Centres\"];\n const medical = +item[\"Medical Abortion Providers\"];\n //console.log(cleanData);\n return {\n province: item[\"Province or Territory\"],\n crisis: crisis,\n medical: medical,\n crisisPercent: crisis / (crisis + medical),\n medicalPercent: medical / (crisis + medical)\n };\n })\n .sort((a, b) => b.crisisPercent - a.crisisPercent);","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":98,"value":"md`---\n\n## Appendix\n\ndata sourced from [here](https://www.actioncanadashr.org/resources/factsheets-guidelines/2019-09-19-access-glance-abortion-services-canada) `","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}