2f:[{"id":"988ff0bf5d89e02765748838743fcc2c37afc1e602ebec6d7d08cf96cc40da39ae0125673fe65c1f03e659a78bb1b803f5086971d6fcfbf6ceff221571ad6052","href":"https://static.observableusercontent.com/files/988ff0bf5d89e02765748838743fcc2c37afc1e602ebec6d7d08cf96cc40da39ae0125673fe65c1f03e659a78bb1b803f5086971d6fcfbf6ceff221571ad6052","name":"mau-workforce-by_day-2023-07-01-2023-08-28.csv","type":"text/csv","lastModified":1693255894186.825,"size":7745},{"id":"2a3d9403767651d07fc35f28d084c8011e5d2234398146556899b5b7ce7d9728a81985b97e66a1e4e667b4901c1c3dcf6f981e629ebb566023b44122215426a0","href":"https://static.observableusercontent.com/files/2a3d9403767651d07fc35f28d084c8011e5d2234398146556899b5b7ce7d9728a81985b97e66a1e4e667b4901c1c3dcf6f981e629ebb566023b44122215426a0","name":"employbridge-by_day-2023-07-01-2023-08-28.csv","type":"text/csv","lastModified":1693255965965.393,"size":10325}] 2d:{"title":"EB - Other staffing firm comparison","cells":[{"id":1425,"value":"md `# EB - Other staffing firm comparison`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1373,"value":"viewof file = Inputs.file({label: \"Data\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":824,"value":"viewof start_date = Inputs.date({label: \"Start date\", value: \"2023-01-01\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":830,"value":"viewof end_date = Inputs.date({label: \"End date\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":88,"value":"
\n
\n
\n

","pinned":false,"hidden":false,"mode":"html"},{"id":1646,"value":"cph_hr_legend = Swatches(\n d3.scaleOrdinal(['EmployBridge','Other Staffing Firm'], [appcast_color_palette[1],appcast_color_palette[0]]), {\n swatchSize: 15\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":1609,"value":"Plot.plot({\n insetTop: 25,\n insetLeft: 25,\n height: 300,\n y: {\n tickFormat: '$.1f',\n label: 'Cost Per Application ↑'\n },\n marks: [\n Plot.ruleY([0]),\n Plot.gridY({interval: 2}),\n Plot.axisY({interval: 2, tickFormat: '$.1f'}),\n Plot.lineY(eb_clean, {x: \"week\", y: \"cpa\", marker: true, stroke: appcast_color_palette[1]}),\n Plot.text(eb_clean, {x: \"week\", y: \"cpa\", text: d => `${d3.format('$.1f')(d.cpa)}`, dy: -10, fill: appcast_color_palette[1]}),\n Plot.lineY(other_clean, {x: 'week', y: 'cpa', marker: true, stroke: appcast_color_palette[0]}),\n Plot.text(other_clean, {x: \"week\", y: \"cpa\", text: d => `${d3.format('$.1f')(d.cpa)}`, dy: -10, fill: appcast_color_palette[0], stroke: 'white'}),\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1563,"value":"
\n
\n
\n

","pinned":false,"hidden":false,"mode":"html"},{"id":20,"value":"md `## Appendix\n\n_Implementation & data stuff_`","pinned":false,"hidden":false,"mode":"ojs"},{"id":198,"value":"### *Data*","pinned":false,"hidden":false,"mode":"md"},{"id":1597,"value":"viewof eb_clean = aq.from(eb_raw)\n .derive({\n paid_applies: d => +op.replace(d['Paid Applies'], ',',''),\n spend: d => +op.replace(d.Actual, ',','')\n })\n .derive({\n week: aq.escape(d => d3.utcMonday(d.Date))\n })\n .groupby('week')\n .rollup({\n paid_applies: d => op.sum(d.paid_applies),\n spend: d => op.sum(d.spend)\n })\n .derive({\n cpa: d => d.spend / d.paid_applies\n })\n .view()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1607,"value":"viewof other_clean = aq.from(other_raw)\n .derive({\n paid_applies: d => +op.replace(d['Paid Applies'], ',',''),\n spend: d => +op.replace(d.Actual, ',','')\n })\n .derive({\n week: aq.escape(d => d3.utcMonday(d.Date))\n })\n .groupby('week')\n .rollup({\n paid_applies: d => op.sum(d.paid_applies),\n spend: d => op.sum(d.spend)\n })\n .derive({\n cpa: d => d.spend / d.paid_applies\n })\n .view()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1186,"value":"md `## Main data source`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1382,"value":"eb_raw = FileAttachment(\"employbridge-by_day-2023-07-01-2023-08-28.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1605,"value":"other_raw = FileAttachment(\"mau-workforce-by_day-2023-07-01-2023-08-28.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":187,"value":"### *Secondary data sources*","pinned":false,"hidden":false,"mode":"md"},{"id":69,"value":"// all vega data-sets\n\n// to 'extract' a dataset as an array (only for .csv and .json)\n// use this format: football = v_data['football.json']()\n// for some .csv, it's better to use the url format: zipcodes = v_data['zipcodes.csv'].url\n// this is due to the fact that parsing it as an array of objects results in zipcodes of the form \"00313\" turning into \"313\"\n\nv_data = require('vega-datasets@2')","pinned":false,"hidden":false,"mode":"ojs"},{"id":98,"value":"zips = v_data['zipcodes.csv'].url","pinned":false,"hidden":false,"mode":"ojs"},{"id":193,"value":"### *Libraries*","pinned":false,"hidden":false,"mode":"md"},{"id":4,"value":"import {vl} from '@vega/vega-lite-api-v5'","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"import { aq, op } from '@uwdata/arquero'","pinned":false,"hidden":false,"mode":"ojs"},{"id":480,"value":"import {Legend, Swatches} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":483,"value":"import {DuckDBClient} from \"@cmudig/duckdb\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":486,"value":"import { palettes } from '@makio135/give-me-colors'","pinned":false,"hidden":false,"mode":"ojs"},{"id":496,"value":"// this is a really cool way of displaying tables. Much more aesthetically pleasing than the defaults of arquero and input.table\n\nimport { formatTable } from \"@saneef/pretty-tables\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":514,"value":"import {textcolor} from \"@observablehq/text-color-annotations-in-markdown\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":702,"value":"import {toc} from \"@nebrius/indented-toc\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":456,"value":"md `### *Functions*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":409,"value":"date_parser = d3.utcParse('%m/%d/%Y')","pinned":true,"hidden":false,"mode":"ojs"},{"id":208,"value":"### *Chart configuration*","pinned":false,"hidden":false,"mode":"md"},{"id":710,"value":"appcast_color_palette = ['#05062C', '#3138BB','#FF7D6F', '#AF9BFC', '#C7FFE2', '#127FFC', '#FF9B77', '#B7D8FE', '#DAE2FD', '#FAFAFA']","pinned":false,"hidden":false,"mode":"ojs"},{"id":717,"value":"Plot.cell(appcast_color_palette, {x: d => d, fill: d => d}).plot()","pinned":false,"hidden":false,"mode":"ojs"},{"id":202,"value":"clean_config = ({\n view: { stroke: null },\n axis: {\n gridOpacity: 0.5,\n labelFontWeight: 75,\n domain: false,\n offset: 5,\n titleFontWeight: 350,\n titleFontSize: 10\n },\n axisX: {\n tickCount: 5,\n titlePadding: 10,\n labelPadding: 4\n },\n axisY: {\n ticks: false,\n labelLimit: 300,\n labelFontSize: 7\n },\n title: {\n fontWeight: 300,\n fontSize: 13,\n offset: 25\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":632,"value":"// sample of how to place html blocks in a grid\n\n// html `

\n// ${viewof spend}\n// ${viewof cpl}\n// ${viewof cpc}\n//

`","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W2f","stdlib":"1","titling":"auto"}