30:T47a,viewof new_order = { const select = html``; Promises.delay(2000).then(() => { select.selectedIndex = 1; select.dispatchEvent(new CustomEvent("input")); }); return select; };31:[] 2e:{"title":"test_new","cells":[{"id":0,"value":"md`# test_new`","pinned":true,"hidden":false,"mode":"ojs"},{"id":2,"value":"data = \nd3.csv(\"https://gist.githubusercontent.com/ZifangH/994d259885ae605b8522d31fb7331a2e/raw/3b687b50d5ad892f6f21fe650d78c41f42487d33/Majors_info.csv\",\nfunction(data){\n return{\n Major:data.Major,\n Major_category:data.Major_category,\n ShareWomen: parseFloat(data.ShareWomen),\n Unemployment_rate: parseFloat(data.Unemployment_rate),\n Median: parseInt(data.Median)\n }\n}\n);\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":62,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":85,"value":"sub_data = data.filter(d => d.Major_category == new_order);","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"chart = {\n const svg = d3.select(DOM.svg(width, height));\n \n svg.append(\"g\")\n .attr(\"fill\", \"goldenrod\")\n .selectAll(\"rect\")\n .data(sub_data)\n .join(\"rect\")\n .attr(\"x\", d => x(d.Major))\n .attr(\"y\", d => y(d.Median))\n .attr(\"height\", d => y(0) - y(d.Median))\n .attr(\"width\", x.bandwidth());\n \n svg.append(\"g\")\n .call(xAxis)\n .selectAll(\"text\") \n .style(\"text-anchor\", \"end\")\n .attr(\"dx\", \"-.6em\")\n .attr(\"dy\", \".15em\")\n .attr(\"transform\", \"rotate(-60)\" );\n \n svg.append(\"g\")\n .call(yAxis);\n \n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":23,"value":"x = d3.scaleBand()\n .domain(sub_data.map(d => d.Major))\n .range([marginBar.left, width - marginBar.right])\n .padding(0.1)\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":38,"value":"y = d3.scaleLinear()\n .domain([0, d3.max(sub_data, d => d.Median)]).nice()\n .range([height - marginBar.bottom, marginBar.top])","pinned":true,"hidden":false,"mode":"ojs"},{"id":42,"value":"xAxis = g => g\n .attr(\"transform\", `translate(0,${height - marginBar.bottom})`)\n .call(d3.axisBottom(x).tickSizeOuter(0))","pinned":true,"hidden":false,"mode":"ojs"},{"id":44,"value":"yAxis = g => g\n .attr(\"transform\", `translate(${marginBar.left},0)`)\n .call(d3.axisLeft(y))\n .call(g => g.select(\".domain\").remove())","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"marginBar = ({\n bottom: 200,\n left: 100,\n right: 100,\n top: 100\n});","pinned":true,"hidden":false,"mode":"ojs"},{"id":39,"value":"height = 600","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"d3 = require(\"d3@5\");","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}