31:T688,chart = (data, title)=> { const svg = d3.select(DOM.svg(width,height)) .attr("viewBox",[0,0,width,height]) .style("background-color","#e6dee1") const x = d3.scaleBand() .domain(data.map(d=>d.year)) .range([margin.left,width-margin.right]) .padding(0.05) const xAxis = g => g.attr("transform",`translate(0,${height-margin.bottom})`) .call(d3.axisBottom(x)) const y = d3.scaleLinear() .domain([0,d3.max(data,d=>d.value)]) .range([height-margin.bottom,margin.top+50]) const yAxis = g => g.attr("transform",`translate(${margin.left},0)`) .call(d3.axisLeft(y)) .style("display","none") svg.append("g") .call(xAxis) .call(g => g.select(".domain").remove()) .attr("stroke","#591d48"); svg.append("g") .call(yAxis) svg.selectAll("rect") .data(data) .join("rect") .attr("x", function(d) { return x(d.year) }) .attr("y", function(d) { return y(d.value); }) .attr("width", x.bandwidth()) .attr("height", function(d) { return height -margin.bottom - y(d.value); }) .attr("fill", "#591d48") svg.append("text") .attr("x",width/2) .attr("y",35) .attr("text-anchor","middle") .style("font-weight","bold") .style("font-size","1.8em") .style("fill","#591d48") .text(title) svg.append("g").selectAll("text") .data(data.filter(d=>d.value!=0)) .enter() .append("text") .attr("x",d=>x(d.year)+1) .attr("y",d=>y(d.value)-5) .style("fill","#591d48") //.attr("text-anchor","start") .text(d=>"₹"+d.value) return svg.node() }32:[{"id":"a4bb61c692ca971cc89363780473163f7d669d4dfe8044d24b8b2774f16ce1926a0f72979041e481d0d6be930a4743b7b90109d0fa5daa02814bee579a46163b","href":"https://static.observableusercontent.com/files/a4bb61c692ca971cc89363780473163f7d669d4dfe8044d24b8b2774f16ce1926a0f72979041e481d0d6be930a4743b7b90109d0fa5daa02814bee579a46163b","name":"sheepAndGoats.csv","type":"text/csv","lastModified":1617891865488.649,"size":376},{"id":"d7b19a7e4c99cc939f986296c040f07518c47a7870e5f0ecbd5fc233594335a5409b0ee4930ba247546d5e116e4cf24220ea99b64c70c6d2ea1785169df50d59","href":"https://static.observableusercontent.com/files/d7b19a7e4c99cc939f986296c040f07518c47a7870e5f0ecbd5fc233594335a5409b0ee4930ba247546d5e116e4cf24220ea99b64c70c6d2ea1785169df50d59","name":"swine.csv","type":"text/csv","lastModified":1617891865513.626,"size":251},{"id":"d31e4e23895fd5d2621894e9e3157e702c2c5897a745d0cafe1ce2cf71b029f6ac2b4eea2ea8ff7cb18ff0397a6cf3212c79f63ba645ba02727068c79f5ece24","href":"https://static.observableusercontent.com/files/d31e4e23895fd5d2621894e9e3157e702c2c5897a745d0cafe1ce2cf71b029f6ac2b4eea2ea8ff7cb18ff0397a6cf3212c79f63ba645ba02727068c79f5ece24","name":"bovine.csv","type":"text/csv","lastModified":1617891865512.784,"size":332},{"id":"369c4b4686c3af864c1e93e1cdc52f995964ee532e05c84dac9c74c1bacc9f4dc4e2f90a3463c386d348e207403c617f587120fbfa072b3e667d38a6c855677d","href":"https://static.observableusercontent.com/files/369c4b4686c3af864c1e93e1cdc52f995964ee532e05c84dac9c74c1bacc9f4dc4e2f90a3463c386d348e207403c617f587120fbfa072b3e667d38a6c855677d","name":"poultry.csv","type":"text/csv","lastModified":1617891866225.788,"size":1260},{"id":"407ecc899e078a118c8fc17bb8fd42e7d0ac598a9d853f9255b3a14238740f9074cb3eb8d8653c51b46aa314d3d72124e7b765a019397f6110fd84adae086926","href":"https://static.observableusercontent.com/files/407ecc899e078a118c8fc17bb8fd42e7d0ac598a9d853f9255b3a14238740f9074cb3eb8d8653c51b46aa314d3d72124e7b765a019397f6110fd84adae086926","name":"horses.csv","type":"text/csv","lastModified":1617891866228.962,"size":548}] 2f:{"title":"India's live animal exports.","cells":[{"id":0,"value":"html`

India's live animal exports.

Week 2:Distributions. Day 8:Animals.

#30daychartchallenge

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":202,"value":"chart(poultry,\"Poultry\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":200,"value":"chart(sheepAndGoats,\"Sheeps and Goats\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":197,"value":"chart(horses,\"Horses\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":195,"value":"chart(bovine,\"Bovine\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":193,"value":"chart(swine,\"Swine\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":213,"value":"html`

Data Credit:\nGovernment of India. Ministry of Commerce and Industry.

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"margin = ({top: 20, right: 50, bottom: 30, left: 50})","pinned":false,"hidden":false,"mode":"ojs"},{"id":190,"value":"height = 300","pinned":false,"hidden":false,"mode":"ojs"},{"id":187,"value":"poultry = FileAttachment(\"poultry.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":184,"value":"horses = FileAttachment(\"horses.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":181,"value":"sheepAndGoats = FileAttachment(\"sheepAndGoats.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":178,"value":"swine = FileAttachment(\"swine.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":162,"value":"bovine = FileAttachment(\"bovine.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"}