2d:null 2e:["$","title",null,{"children":"April 2022 - Day 1 #30DayChartChallenge | Advaith Venkatakrishnan | Observable"}] 33:[{"id":"0d2996edb6b4d0dd82d53d1202c1d279eff964f72fbc49474f38964ec5183d74ac56edbbc73c6576e0af165681bd6a4f55681f47462924f2b30ce90dd56ae6c2","href":"https://static.observableusercontent.com/files/0d2996edb6b4d0dd82d53d1202c1d279eff964f72fbc49474f38964ec5183d74ac56edbbc73c6576e0af165681bd6a4f55681f47462924f2b30ce90dd56ae6c2","name":"2022AprilJobs@1.csv","type":"text/csv","lastModified":1648838787112.7,"size":1950}] 31:{"id":"db3dcb616942844d","slug":"april-2022-day-1-30daychartchallenge","title":"April 2022 - Day 1 #30DayChartChallenge","thumbnail":"2972c5a141614c43743816c72737fbac1bfaac5019f9ae5037c66dfcb2340773","access_level":"public","create_time":"$D2022-04-01T16:45:26.696Z","update_time":"$D2022-04-17T17:57:26.867Z","view_time":null,"first_public_time":"$D2022-04-01T20:05:48.133Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"20079c8e956535fa","login":"adv1996","name":"Advaith Venkatakrishnan","avatar_url":"https://avatars-next.observableusercontent.com/235d93db85725164a91bc264da213cb78fb9310bdaf54baaf5d46bcc5e700c84","tier":"starter_2024"},"version":267,"publish_version":267,"role":null,"authored":false,"authors":[{"type":"individual","id":"6016059babd9176a","login":"adv1996","name":"Advaith Venkatakrishnan","avatar_url":"https://avatars-next.observableusercontent.com/235d93db85725164a91bc264da213cb78fb9310bdaf54baaf5d46bcc5e700c84","tier":null}],"members":[{"type":"individual","id":"6016059babd9176a","login":"adv1996","name":"Advaith Venkatakrishnan","avatar_url":"https://avatars-next.observableusercontent.com/235d93db85725164a91bc264da213cb78fb9310bdaf54baaf5d46bcc5e700c84","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"April 2022 - Day 1 #30DayChartChallenge","cells":[{"id":0,"value":"# April 2022 - Day 1 #30DayChartChallenge","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":202,"value":"html`

March 2022 Job Report

\n The US Bureau of Labor Statistics released last months job report today.\n
\n Reporting a net gain of +431,000 new jobs \n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"canvas = {\n const context = DOM.context2d(width, height);\n context.fillStyle = \"white\";\n context.fillRect(0, 0, width, height);\n context.strokeRect(0, 0, width, height);\n return context.canvas;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":175,"value":"

Each dot represents 100 people

${Object.keys(typeMap).map((type) => htl.html`

${type} ${d3.format(\".3s\")(typeMap[type]['jobs'] * 100)} jobs

`)}

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":264,"value":"Data Source: https://www.bls.gov/news.release/empsit.b.htm#ces_table10.f.1","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":16,"value":"height = 500","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"width = 500","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"numNodes = 4370","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"nodeSize = 2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":154,"value":"typeMap = ({\n 'Added': {\n 'fill': '#4dac26',\n 'forceX': width / 2,\n 'forceY': height / 2,\n 'jobs': parseInt(employmentData[1]['Actual']) / 100\n },\n 'Lost': {\n 'fill': '#f1b6da',\n 'forceX': width * .7,\n 'forceY': height * .7,\n 'jobs': parseInt(employmentData[22]['Actual']) / 100\n },\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"context = {\n const simulation = d3.forceSimulation(jobNodes)\n \t.force('x', d3.forceX().x(function(d) {\n return d.forceX\n }))\n .force('y', d3.forceY().y(function(d) {\n return d.forceY\n }))\n .force('charge', d3.forceManyBody().strength(.5))\n .force('collision', d3.forceCollide().radius(function(d) {\n return d.radius;\n }))\n \t.on('tick', ticked);\n \n function ticked() {\n ctx.clearRect(0, 0, width, height);\n jobNodes.forEach((node, index) => {\n ctx.beginPath();\n ctx.arc(node.x, node.y, node.radius, 0, 2 * Math.PI);\n ctx.stroke();\n ctx.fillStyle = node.fill;\n ctx.fill();\n })\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"ctx = canvas.getContext('2d')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"employmentData = FileAttachment(\"2022AprilJobs@1.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"makeJobNodes = (type) => {\n return d3.range(type.jobs).map(function(d, i) {\n \treturn {radius: nodeSize, ...type}\n })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"jobNodes = [...makeJobNodes(typeMap['Added']), ...makeJobNodes(typeMap['Lost'])]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"