30:T4b4,chart = { const svg = d3.select(DOM.svg(width,height)) .attr("viewBox", [0, 0, width+150, height+50]) .style("background-color","#f19088") svg.append("text") .attr("x",width/2) .attr("y",0) .style("font-size","3em") .style("fill","#f4eed5") .text("AirStrips") svg.append("text") .attr("x",width-350) .attr("y",height+53) .style("font-size","1.4em") .style("fill","#f4eed5") .text("(Airstrip length in feet on respective surface)") svg.append("g") .style("font-size","1em") .style("font-weight","bold") .style("color","#f4eed5") .call(yAxis) .call(g => g.select(".domain").remove()) svg.append("g").attr("transform",`translate(50,${margin.left})`) .attr("stroke-width", 10) .attr("pointer-events", "all") .selectAll("rect") .data(data) .join("rect") .attr("x", d => x(d.length_ft) - 0.75) .attr("y", d => y(d.surface)) .attr("width", 1.5) .attr("height", y.bandwidth()) .attr("fill", "#f4eed5") svg.append("g") .style("font-size","0.8em") .style("color","#f4eed5") .call(xAxis) return svg.node() }31:[{"id":"603f7f1f4c3678b0c3dae9ff69b7b6249532d851e35adcd15fab02190076e96049ff4aff08af35642d0615c71025a875ad4f9cfd79cc3e6855bd5b71c17a04a3","href":"https://static.observableusercontent.com/files/603f7f1f4c3678b0c3dae9ff69b7b6249532d851e35adcd15fab02190076e96049ff4aff08af35642d0615c71025a875ad4f9cfd79cc3e6855bd5b71c17a04a3","name":"AirStripData.csv","type":"text/csv","lastModified":1618255284419.272,"size":673310}] 2e:{"title":"Airstrips","cells":[{"id":0,"value":"html`

Airstrips

Week 2:Distributions. Day 12:Strip.

#30daychartchallenge

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

Data Credit:\nOurAirports.

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"yAxis = g => g\n .attr(\"transform\", `translate(${margin.left+50},40)`)\n .call(d3.axisLeft(y))","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"xAxis = g => g\n .attr(\"transform\", `translate(50,${margin.top+40})`)\n .call(d3.axisTop(x))\n .call(g => g.selectAll(\".tick line\").clone().style(\"stroke\",\"black\").attr(\"stroke-opacity\", 0.4).attr(\"y2\", height - margin.bottom - margin.top))\n .call(g => g.selectAll(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"y = d3.scaleBand()\n .domain(data.map(d => d.surface))\n .rangeRound([margin.top, height - margin.bottom])\n .padding(0.1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"x = d3.scaleLinear()\n .domain(d3.extent(data, d => d.length_ft))\n .range([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"margin = ({top: 20, right: 5, bottom: 10, left: 60})","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"height = 1000","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"data = FileAttachment('AirStripData.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"}