27:null 28:["$","title",null,{"children":"Untitled | AT data viz | Observable"}] 2d:Tadf,cellName = Plot.plot({ y: { grid: true, label: "Monthly Cost ($)", domain: [1800, 4000] }, x: { label: "Year", tickFormat: d => d.toString() }, marks: [ Plot.line(d3.range(11).map(i => ({ year: 2015 + i, city: "New York", value: [2744.18, 2850.32, 2956.78, 3067.23, 3178.56, 3289.78, 3398.54, 3512.34, 3655.67, 3789.32, 3891.14][i] })), {x: "year", y: "value", stroke: "#1f77b4", strokeWidth: 2, tip: { format: { x: x => x.toString(), y: y => `$${y.toFixed(2)}` } } }), Plot.line(d3.range(11).map(i => ({ year: 2015 + i, city: "Boston", value: [2516.44, 2623.12, 2731.45, 2845.67, 2978.34, 3076.89, 3187.23, 3298.54, 3432.12, 3587.45, 3732.23][i] })), {x: "year", y: "value", stroke: "#ff7f0e", strokeWidth: 2, tip: { format: { x: x => x.toString(), y: y => `$${y.toFixed(2)}` } } }), Plot.line(d3.range(11).map(i => ({ year: 2015 + i, city: "San Francisco", value: [2734.20, 2923.56, 3102.87, 3245.98, 3367.45, 3456.78, 3534.67, 3623.45, 3712.89, 3834.56, 3958.67][i] })), {x: "year", y: "value", stroke: "#2ca02c", strokeWidth: 2, tip: { format: { x: x => x.toString(), y: y => `$${y.toFixed(2)}` } } }), Plot.line(d3.range(11).map(i => ({ year: 2015 + i, city: "Los Angeles", value: [2285.67, 2345.89, 2456.32, 2567.43, 2654.76, 2723.45, 2789.98, 2856.78, 2978.32, 3123.45, 3293.64][i] })), {x: "year", y: "value", stroke: "#d62728", strokeWidth: 2, tip: { format: { x: x => x.toString(), y: y => `$${y.toFixed(2)}` } } }), Plot.line(d3.range(11).map(i => ({ year: 2015 + i, city: "Chicago", value: [1870.43, 1934.21, 1987.65, 2045.87, 2123.45, 2198.76, 2267.34, 2345.67, 2456.78, 2567.89, 2663.33][i] })), {x: "year", y: "value", stroke: "#9467bd", strokeWidth: 2, tip: { format: { x: x => x.toString(), y: y => `$${y.toFixed(2)}` } } }), Plot.text([ {year: 2025.2, value: 3891.14, text: "New York"}, {year: 2025.2, value: 3732.23, text: "Boston"}, {year: 2025.2, value: 3958.67, text: "San Francisco"}, {year: 2025.2, value: 3293.64, text: "Los Angeles"}, {year: 2025.2, value: 2663.33, text: "Chicago"} ], { x: "year", y: "value", text: "text", fontSize: 10, textAnchor: "start" }) ], width: 800, height: 500, marginLeft: 60, marginBottom: 40, marginRight: 100, title: "Monthly Living Costs by City (2015-2025)", style: { background: "white", fontSize: 12 } })2e:Tc32,cell2Name = Plot.plot({ height: 400, width: 700, marginLeft: 120, title: "Cost Components Breakdown 2025", color: { domain: ["Rent", "Electricity", "Grocery"], range: ["#4e79a7", "#59a14f", "#f28e2c"], legend: true }, y: { domain: ["All Cities", "New York", "Boston", "San Francisco", "Los Angeles", "Chicago"], label: null }, x: { grid: true, label: "Percentage of Total Cost" }, marks: [ Plot.barX([ {city: "All Cities", category: "Rent", percentage: (14506.85 / 17539.01 * 100)}, {city: "All Cities", category: "Electricity", percentage: (131.64 / 17539.01 * 100)}, {city: "All Cities", category: "Grocery", percentage: (2900.51 / 17539.01 * 100)}, {city: "New York", category: "Rent", percentage: (3261.02 / 3891.14 * 100)}, {city: "New York", category: "Electricity", percentage: (25.31 / 3891.14 * 100)}, {city: "New York", category: "Grocery", percentage: (604.80 / 3891.14 * 100)}, {city: "Boston", category: "Rent", percentage: (3107.68 / 3732.23 * 100)}, {city: "Boston", category: "Electricity", percentage: (30.08 / 3732.23 * 100)}, {city: "Boston", category: "Grocery", percentage: (594.47 / 3732.23 * 100)}, {city: "San Francisco", category: "Rent", percentage: (3295.23 / 3958.67 * 100)}, {city: "San Francisco", category: "Electricity", percentage: (30.22 / 3958.67 * 100)}, {city: "San Francisco", category: "Grocery", percentage: (633.22 / 3958.67 * 100)}, {city: "Los Angeles", category: "Rent", percentage: (2739.31 / 3293.64 * 100)}, {city: "Los Angeles", category: "Electricity", percentage: (30.22 / 3293.64 * 100)}, {city: "Los Angeles", category: "Grocery", percentage: (524.11 / 3293.64 * 100)}, {city: "Chicago", category: "Rent", percentage: (2103.61 / 2663.33 * 100)}, {city: "Chicago", category: "Electricity", percentage: (15.81 / 2663.33 * 100)}, {city: "Chicago", category: "Grocery", percentage: (543.91 / 2663.33 * 100)} ], { x: "percentage", y: "city", fill: "category", tip: true }), Plot.text([ {city: "All Cities", percentage: 82.71, x: 41}, {city: "New York", percentage: 83.81, x: 41}, {city: "Boston", percentage: 83.27, x: 41}, {city: "San Francisco", percentage: 83.24, x: 41}, {city: "Los Angeles", percentage: 83.17, x: 41}, {city: "Chicago", percentage: 78.98, x: 39} ], { x: "x", y: "city", text: d => `${d.percentage.toFixed(1)}%`, fill: "white", fontWeight: "bold" }), Plot.text([ {city: "All Cities", percentage: 16.54, x: 91}, {city: "New York", percentage: 15.55, x: 91}, {city: "Boston", percentage: 15.93, x: 91}, {city: "San Francisco", percentage: 15.99, x: 91}, {city: "Los Angeles", percentage: 15.91, x: 91}, {city: "Chicago", percentage: 20.42, x: 91} ], { x: "x", y: "city", text: d => `${d.percentage.toFixed(1)}%`, fill: "white", fontWeight: "bold" }) ] })2f:Tf4e,html`

Latest Monthly Cost Data (2025)

City	Rent	Electricity	Grocery	Total
New York	$3,261.02	$25.31	$604.80	$3,891.14
Boston	$3,107.68	$30.08	$594.47	$3,732.23
San Francisco	$3,295.23	$30.22	$633.22	$3,958.67
Los Angeles	$2,739.31	$30.22	$524.11	$3,293.64
Chicago	$2,103.61	$15.81	$543.91	$2,663.33

`30:[] 2b:{"id":"de9130d53c8de69c","slug":null,"title":"","thumbnail":"4060e6b6f30da3621d7a0aa744aa9ffc237a19c32f97803951bdf1977b2745c8","access_level":"public","create_time":"$D2025-05-11T21:44:55.406Z","update_time":"$D2025-05-13T21:35:19.272Z","view_time":null,"first_public_time":"$D2025-05-14T19:19:04.535Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"ba0bc5c30c0910c0","login":"at-data-viz","name":"AT data viz","avatar_url":"https://avatars-next.observableusercontent.com/c774134806b167cc349829e75b01f9e6bab87008bf2457d3299649603c80066a","tier":"starter_2024"},"version":53,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5a6a01ca5a0cb402","login":"ambertai","name":"Ambertai","avatar_url":"https://avatars-next.observableusercontent.com/9bfd62efa1b59e743ccdb72c790e973298c608eddf511e64940a3e0231f8579a","tier":null}],"members":[{"type":"individual","id":"5a6a01ca5a0cb402","login":"ambertai","name":"Ambertai","avatar_url":"https://avatars-next.observableusercontent.com/9bfd62efa1b59e743ccdb72c790e973298c608eddf511e64940a3e0231f8579a","tier":null,"role":"editor"},{"type":"team","id":"ba0bc5c30c0910c0","login":"at-data-viz","name":"AT data viz","avatar_url":"https://avatars-next.observableusercontent.com/c774134806b167cc349829e75b01f9e6bab87008bf2457d3299649603c80066a","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"","cells":[{"id":8,"value":"$2d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2c:"$2b:body"