30:T657,chart = (data,color,text,axis) => { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) .style("background-color","#eceadb") const x = d3.scaleLinear() .domain([data[0].x0, data[data.length - 1].x1]) .range([margin.left,width-margin.right]) const y = d3.scaleLinear() .domain([0, 10]).nice() .range([height - margin.bottom, margin.top]) const xAxis = g => g.attr("transform",`translate(0,${height-margin.bottom})`) .call(d3.axisBottom(x)) const yAxis = g => g.attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y)) .call(g => g.select(".domain").remove()) svg.append("text") .attr("x",width/2) .attr("y",35) .text(text) .style("text-anchor","middle") .style("font-size","1.5em") .style("fill",color) .style("font-family","Times New Roman") .style("font-weight","bold") svg.append("text") .attr("x",width/2) .attr("y",height-15) .style("text-anchor","middle") .style("font-size","1.1em") .style("font-family","Times New Roman") .text(axis) svg.append("g") .attr("fill",color) .selectAll("rect") .data(data) .join("rect") .attr("x", d => x(d.x0) + 1) .attr("width", d => Math.max(0, x(d.x1) - x(d.x0) - 1)) .attr("y", d => y(d.length)) .attr("height", d => y(0) - y(d.length)) svg.append("g") .call(xAxis); svg.append("g") .call(yAxis); return svg.node(); }31:[{"id":"0a7b5fdb42c3428790992535298180381eddafc09be1a3f7e075a77dca481320ab16fbd71a53f72ebb0e5480259e29c0f20bc0ded01a3fcc8b5687f9be6211dc","href":"https://static.observableusercontent.com/files/0a7b5fdb42c3428790992535298180381eddafc09be1a3f7e075a77dca481320ab16fbd71a53f72ebb0e5480259e29c0f20bc0ded01a3fcc8b5687f9be6211dc","name":"data.csv","type":"text/csv","lastModified":1619818247825.457,"size":3592}] 2e:{"title":"Brain Weight","cells":[{"id":0,"value":"html`

Brain Weight

Week 5:Uncertainties. Day 29: Deviations.

#30daychartchallenge

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

Data Credit:\nLarry Winner's,\nMiscellany dataset\non brain weight,\n
\nhead size and gender.\n
\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":328,"value":"chart(maleBrainWeight,\"#fca174\",\"Male Brain Weight\",\"Brain weight in grams\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":338,"value":"chart(femaleBrainWeight,\"#7b5598\",\"Female Brain Weight\",\"Brain weight in grams\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":264,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":300,"value":"femaleBrainWeight = d3.bin().thresholds(40)(femaleW)","pinned":false,"hidden":false,"mode":"ojs"},{"id":294,"value":"maleBrainWeight = d3.bin().thresholds(40)(maleW)","pinned":false,"hidden":false,"mode":"ojs"},{"id":256,"value":"femaleW = data.filter(d=>d.Gender==2).map(d=>d.Brain_Weight)","pinned":false,"hidden":false,"mode":"ojs"},{"id":252,"value":"maleW = data.filter(d=>d.Gender==1).map(d=>d.Brain_Weight)","pinned":false,"hidden":false,"mode":"ojs"},{"id":237,"value":"margin = ({top: 120, right: 20, bottom: 60, left: 50})","pinned":false,"hidden":false,"mode":"ojs"},{"id":240,"value":"height = 500","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"data = FileAttachment('data.csv').csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"d3 = require('d3@6')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}