31:T6fe,chart = { const svg = d3.select(DOM.svg(width,height)) .attr("viewBox",[0,0,width,height]) .style("background-color","#ded4d9") const g = svg.append("g").attr("transform",`translate(${width/2},${height/2})`) g.append("text") .text("Sacred Groves") .attr("y",-50) .attr("text-anchor","middle") .style("font-size","2em") g.append("text") .text("of") .attr("y",0) .attr("text-anchor","middle") .style("font-size","2em") g.append("text") .text("India") .attr("y",50) .attr("text-anchor","middle") .style("font-size","2em") g.append("g") .selectAll("circle") .data(data) .join("circle") .attr("transform", (d,i) => ` rotate(${((x(d.state) + x.bandwidth() / 2) * 180 / Math.PI - 90)}) translate(${position},0) `) .attr("r",d=>radius(d.documented_sacred_forests)) .attr("fill","#60b26f") .attr("stroke","white") .attr("stroke-width",2.5) .style("opacity",0.8) g.append("g") .selectAll("g") .data(data) .enter() .append("g") .attr("text-anchor", function(d) { return (x(d.state) + x.bandwidth() / 2 + Math.PI) % (2 * Math.PI) < Math.PI ? "end" : "start"; }) .attr("transform", function(d) { return "rotate(" + ((x(d.state) + x.bandwidth() / 2) * 180 / Math.PI - 90) + ")"+"translate(" + (y(d.documented_sacred_forests)+10) + ",0)"; }) .append("text") .text(function(d){return(d.state+ " : " + d.documented_sacred_forests)}) .attr("transform", function(d) { return (x(d.state) + x.bandwidth() / 2 + Math.PI) % (2 * Math.PI) < Math.PI ? "rotate(180)" : "rotate(0)"; }) .attr("alignment-baseline", "middle") return svg.node() }32:[{"id":"eacc8f3161f6c06d3f32c1bb22516e06816ae51b42da171c778c39c32087fc287dccfe9cd38dfceff99e9025a52251d21409b7840d857635ae5dc38d7ce7b9b8","href":"https://static.observableusercontent.com/files/eacc8f3161f6c06d3f32c1bb22516e06816ae51b42da171c778c39c32087fc287dccfe9cd38dfceff99e9025a52251d21409b7840d857635ae5dc38d7ce7b9b8","name":"sacredGroves.csv","type":"text/csv","lastModified":1618647930056.645,"size":869}] 2f:{"title":"Sacred Groves of India.","cells":[{"id":0,"value":"html`

Sacred Groves of India.

Week 3:Relationships. Day 16:Trees.

#30daychartchallenge

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":381,"value":"html`

Data Credit:\nC.P.R.ENVIROMENTAL EDUCATION CENTRE

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":107,"value":"radius = d3.scaleSqrt()\n .domain(d3.extent(data,d=>d.documented_sacred_forests))\n .range([5,60])","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"y = d3.scaleRadial()\n .domain([0,d3.max(data,d=>d.documented_sacred_forests)])\n .range([innerRadius,outerRadius])","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"x = d3.scaleBand()\n .domain(data.map(d=>d.state))\n .range([0,2*Math.PI])","pinned":false,"hidden":false,"mode":"ojs"},{"id":156,"value":"outerRadius = 300","pinned":false,"hidden":false,"mode":"ojs"},{"id":204,"value":"position = 240","pinned":false,"hidden":false,"mode":"ojs"},{"id":117,"value":"innerRadius = 250","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"height = 1000","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"margin = ({top: 50, right: 50, bottom: 10, left: 150})","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"data = FileAttachment(\"sacredGroves.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"d3 = require('d3@6')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}