32:T53f,chart = (data,text)=> { const svg = d3.select(DOM.svg(width,height)) .style("background-color","#3d0046") svg.append("text") .attr("x",width/2) .attr("y",height-8) .style("text-anchor","middle") .style("fill","#e3e077") .style("font-size","1.1em") .style("font-family","Times New Roman") .text("Year") svg.append("text") .attr("x",-height/2-105) .attr("y",28) .text("% of prevalence of anaemia") .attr("transform","rotate(-90)") .style("font-size","1.1em") .style("font-family","Times New Roman") .style("fill","#e3e077"); svg.append("text") .attr("x",width/2) .attr("y",35) .text(text) .style("text-anchor","middle") .style("font-size","1.5em") .style("fill","#e3e077") .style("font-family","Times New Roman") .style("font-weight","bold") svg.append("g") .call(xAxis) .attr("color","#e3e077") svg.append("g") .call(yAxis) .attr("color","#e3e077") svg.append("path") .datum(data) .attr("d",area) .attr("fill","#e3e077") .attr("stroke","none") .style("opacity",0.4) svg.append("path") .datum(data) .attr("d",line) .attr("fill","none") .attr("stroke","#e3e077") .attr("stroke-width",2) return svg.node() }33:[{"id":"3cde84c5b91701fe275a60514d587b42b53da2edfd623edd7d9561f5dcf6e464d7ab690863ca4befd04799bb7df259f2830dced0987ea166ba43e324483f0e9b","href":"https://static.observableusercontent.com/files/3cde84c5b91701fe275a60514d587b42b53da2edfd623edd7d9561f5dcf6e464d7ab690863ca4befd04799bb7df259f2830dced0987ea166ba43e324483f0e9b","name":"anaemia_in_children.csv","type":"text/csv","lastModified":1619465242427.974,"size":4036}] 30:{"title":"Anaemia in children aged between in 6 months to less than 5 years.","cells":[{"id":0,"value":"html`

Anaemia in children aged between in 6 months to less than 5 years.

Week 5 :Uncertainties. Day 25:Demographic.

#30daychartchallenge

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

Data Credit:\nWorld Health Organisation\n
\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"chart(group.get(\"Africa\"),\"Africa\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":58,"value":"chart(group.get(\"Americas\"),\"Americas\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":66,"value":"chart(group.get(\"South-East Asia\"),\"South-East Asia\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":70,"value":"chart(group.get(\"Europe\"),\"Europe\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":72,"value":"chart(group.get(\"Eastern Mediterranean\"),\"Eastern Mediterranean\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"chart(group.get(\"Western Pacific\"), \"Western Pacific\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"area = d3.area()\n .x(d=>x(formatYear(d.year)))\n .y0(d=>y(d[\"anaemia-high\"]))\n .y1(d=>y(d[\"anaemia-low\"]))","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"line = d3.line()\n .x(d=>x(formatYear(d.year)))\n .y(d=>y(d[\"anaemia-median\"]))\n // .curve(d3.curveCardinal)","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"yAxis = g => g.attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(y))","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"y = d3.scaleLinear()\n .domain([0,100])\n .range([height-margin.bottom,margin.top])","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"xAxis = g => g.attr(\"transform\",`translate(0,${height-margin.bottom})`)\n .call(d3.axisBottom(x))","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"x = d3.scaleTime()\n .domain(d3.extent(data,d=>formatYear(d.year)))\n .range([margin.left,width-margin.right])","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"formatYear = d3.timeParse(\"%Y\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"width = 500","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"height = 350","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"margin = ({left:65,right:50,top:50,bottom:50})","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"group = d3.group(data,d=>d.region)","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"data = FileAttachment(\"anaemia_in_children.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"d3 = require('d3@6')","pinned":false,"hidden":false,"mode":"ojs"},{"id":81,"value":"style = html`\n\n`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}