2d:null 2e:["$","title",null,{"children":"test_new | Zifang Huang | Observable"}] 33:T47a,viewof new_order = { const select = html``; Promises.delay(2000).then(() => { select.selectedIndex = 1; select.dispatchEvent(new CustomEvent("input")); }); return select; };34:[] 31:{"id":"e3ae5d84282bea2e","slug":"test_new","title":"test_new","thumbnail":"934dcfdf5eb8b574c4948384fe34de28a4481b278e5199fd8367749b23340fec","access_level":"public","create_time":"$D2019-04-28T22:43:53.931Z","update_time":"$D2019-05-01T01:01:59.266Z","view_time":null,"first_public_time":"$D2019-04-28T23:44:42.499Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"78dfdc38cbf9b451","login":"zifangh","name":"Zifang Huang","avatar_url":"https://avatars-next.observableusercontent.com/e01ba539e933a7aee4710b02e4b8a967d405e9690668d22e957e2fdb92974855","tier":"starter_2024"},"version":110,"publish_version":110,"role":null,"authored":false,"authors":[{"type":"individual","id":"01c5e8275143e046","login":"zifangh","name":"Zifang Huang","avatar_url":"https://avatars-next.observableusercontent.com/e01ba539e933a7aee4710b02e4b8a967d405e9690668d22e957e2fdb92974855","tier":null}],"members":[{"type":"individual","id":"01c5e8275143e046","login":"zifangh","name":"Zifang Huang","avatar_url":"https://avatars-next.observableusercontent.com/e01ba539e933a7aee4710b02e4b8a967d405e9690668d22e957e2fdb92974855","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"test_new","cells":[{"id":0,"value":"md`# test_new`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"sub_data = data.filter(d => d.Major_category == new_order);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"marginBar = ({\n bottom: 200,\n left: 100,\n right: 100,\n top: 100\n});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"height = 600","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require(\"d3@5\");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"