2f:[{"id":"2bfbb3d961270ddef5b77ed546c2a8609bb539f84dde950b87112f970b7b3ccbe4201cdcebf68bb935f8a773e3c6cabe1c2c97e66d37ae646558171e3f8b813e","href":"https://static.observableusercontent.com/files/2bfbb3d961270ddef5b77ed546c2a8609bb539f84dde950b87112f970b7b3ccbe4201cdcebf68bb935f8a773e3c6cabe1c2c97e66d37ae646558171e3f8b813e","name":"lyft-by_campaign-2023-08-28-2023-08-29.csv","type":"text/csv","lastModified":1693318473984.89,"size":2334}] 2d:{"title":"Template","cells":[{"id":1425,"value":"md `# Template`","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":1607,"value":"vl.markRect({tooltip: true, height: {band: 0.95}, width: {band: 0.95}})\n .data(clean)\n .encode(\n vl.x().fieldT('week')\n .timeUnit('utcweek')\n .axis({orient: 'top'}),\n vl.y().fieldN('Campaign')\n .sort(vl.sum('leads').order('descending')),\n vl.color().if(\"datum.leads == 0\", vl.value('#ddd')).fieldQ('leads')\n )\n .config({\n view: {stroke: null},\n axis: {grid: null, domain: null}\n })\n .render()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1685,"value":"html `

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1613,"value":"vl.markRect({tooltip: true})\n .data(clean)\n .encode(\n vl.x().fieldT('week')\n .timeUnit('utcweek')\n .axis({orient: 'top'}),\n vl.y().fieldN('Campaign')\n .sort(vl.median('cpl').order('descending')),\n vl.color().fieldQ('cpl')\n )\n .config({\n view: {stroke: null},\n axis: {grid: null, domain: null}\n })\n .render()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1616,"value":"viewof leads = clean\n .filter(d => d.week > op.utcdatetime(2023,7,13))\n .derive({\n week_segment: d => d.week >= op.utcdatetime(2023, 7, 21) ? 'week2' : 'week1'\n })\n .groupby('Campaign')\n .pivot('week_segment', 'leads')\n .derive({\n week_diff: d => d.week2 - d.week1\n })\n .derive({\n change: d => d.week_diff > 0 ? 'increase' : 'decrease'\n })\n .orderby(aq.desc('week_diff'))\n .view()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1661,"value":"leads_change_wow = Inputs.table(leads)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1647,"value":"leads\n .derive({\n change: d => d.week_diff > 0 ? 'increase' : 'decrease'\n })\n .groupby('change')\n .count()\n .view()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1653,"value":"viewof cpl = clean\n .filter(d => d.week > op.utcdatetime(2023,7,13))\n .derive({\n week_segment: d => d.week >= op.utcdatetime(2023, 7, 21) ? 'week2' : 'week1'\n })\n .groupby('Campaign')\n .pivot('week_segment', 'cpl')\n .derive({\n week_diff: d => d.week2 - d.week1\n })\n .derive({\n change: d => d.week_diff > 0 ? 'increase' : 'decrease'\n })\n .orderby(aq.desc('week_diff'))\n .view()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1664,"value":"cpl_change_wow = Inputs.table(cpl)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1657,"value":"cpl\n .derive({\n change: d => d.week_diff > 0 ? 'increase' : 'decrease'\n })\n .groupby('change')\n .count()\n .view()","pinned":true,"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":1186,"value":"md `## Main data source`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1382,"value":"viewof clean = aq.from(raw_lyft)\n .join(aq.from(raw_list), ['title', 'Campaign'])\n .filter(d => d['Campaign group'] == 'Back To School')\n .derive({\n week: aq.escape(d => d3.utcMonday(d.date))\n })\n .groupby('week', 'Campaign')\n .rollup({\n spend: d => op.sum(d.spend),\n leads: d => op.sum(d.leads)\n })\n .derive({\n cpl: d => d.spend / d.leads\n })\n .view()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1595,"value":"raw_lyft = file.csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":187,"value":"### *Secondary data sources*","pinned":false,"hidden":false,"mode":"md"},{"id":1600,"value":"raw_list = FileAttachment(\"lyft-by_campaign-2023-08-28-2023-08-29.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs"},{"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"}