3f:null 40:["$","title",null,{"children":"Landing Probability | mrdcy | Observable"}] 46:T5ce,chart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); svg.append("g") .selectAll("g") .data(series) .join("g") .attr("fill", (d, i) => jailcolor(i)) .selectAll("rect") .data(d => d) .join("rect") .attr("x", d => x(d[0])) .attr("y", (d, i) => y(d.data.name)) .attr("stroke", (d, i) => "#111") .attr("stroke-width", 3) // .attr("fill", (d, i) => jailcolor(i)) .attr("width", d => x(d[1]) - x(d[0])) .attr("height", y.bandwidth()) .append("title") .text(d => `${d.data.name} ${d.key} ${formatValue(d.data[d.key])}`); svg.append("g") .selectAll("g") .data(monoseries) .join("g") // .attr("fill", (d, i) => color(i)) .selectAll("rect") .data(d => d) .join("rect") .attr("x", d => x(d[0])) .attr("y", (d, i) => y(d.data.name)) .attr("stroke", (d, i) => "#111") .attr("stroke-width", 3) .attr("fill", (d, i) => color(i)) .attr("width", d => x(d[1]) - x(d[0])) .attr("height", y.bandwidth()) .append("title") .text(d => `${d.data.name} ${d.key} ${formatValue(d.data[d.key])}`); svg.append("g") .call(xAxis) .attr("font-family", "Alegreya") .attr("font-weight", "500") .attr("font-size", 15); svg.append("g") .call(yAxis) .attr("font-family", "Alegreya") .attr("font-weight", "500") .attr("font-size", 15); return svg.node(); }47:T594,mobilereference = table(mobile, { paged: 8, columns: { ColourX: { formatter(val, i) { // A formatter that changes its behavior based on the row index, // so we don’t repeat the $ for every row. var x = html`` return x // return i === 0 ? d3.format('$.2f')(val) : d3.format('.2f')(val); } }, ColourY: { formatter(val, i) { // A formatter that changes its behavior based on the row index, // so we don’t repeat the $ for every row. var x = html`` return x // return i === 0 ? d3.format('$.2f')(val) : d3.format('.2f')(val); } }, Category: { formatter(val) { // Formatters can also return HTML values! Here’s // one that highlights first names. // let parts = val.match(/([^,]*)\,(.*)/); var x = html`

${val}

` return x // return html`${parts[1]}, ${parts[2]}`; } } } })48:T793,desktopreference = table(desktop, { paged: 4, columns: { ColourX: { formatter(val, i) { // A formatter that changes its behavior based on the row index, // so we don’t repeat the $ for every row. var x = html`` return x // return i === 0 ? d3.format('$.2f')(val) : d3.format('.2f')(val); } }, ColourY: { formatter(val, i) { // A formatter that changes its behavior based on the row index, // so we don’t repeat the $ for every row. var x = html`` return x // return i === 0 ? d3.format('$.2f')(val) : d3.format('.2f')(val); } }, ColourZ: { formatter(val, i) { // A formatter that changes its behavior based on the row index, // so we don’t repeat the $ for every row. var x = html`` return x // return i === 0 ? d3.format('$.2f')(val) : d3.format('.2f')(val); } }, Category: { formatter(val) { // Formatters can also return HTML values! Here’s // one that highlights first names. // let parts = val.match(/([^,]*)\,(.*)/); var x = html`

${val}

` return x // return html`${parts[1]}, ${parts[2]}`; } } } })49:T6ec,color = d3 .scaleOrdinal() .range(["#ED1A25", // Trafalgar Square (Red) "#FEA616", // Vine Street (Orange) "#FEA616", // Marlborough Street (Orange) "#FFFFFF", // Kings Cross Station (White) "#BFDBAE", // Go (Mint) "#FFFFFF", // Marlyebone Station (White) "#BFDBAE", // Free Parking (Mint) "#fea616", // Bow Street (Orange) "#DB3A98", // Pall Mall (Pink) "#FFFFFF", // Fenchurch Street Station (White) "#ED1A25", // The Strand (Red) "#BFDBAE", // Water Works (Mint) "#BFDBAE", // Electric Company (Mint) "#ED1A25", // Fleet Street (Red) "#ECE006", // Leicester Square (Yellow) "#BFDBAE", // Community Chest (Mint) "#ECE006", // Coventry Street (Yellow) "#A8D6E9", // Euston Road (Cyan) "#519F46", // Regent Street (Green) "#DB3A98", // Northumberland Avenue (Pink) "#ECE006", // Piccadilly (Yellow) "#519F46", // Oxford Street (Green) "#A8D6E9", // Pentonville Road (Cyan) "#0271B9", // Mayfair (Blue) "#A8D6E9", // The Angel, Islington (Cyan) "#DB3A98", // Whitehall (Pink) "#BFDBAE", // Income Tax (Mint) "#519F46", // Bond Street (Green) "#FFFFFF", // Liverpool Street Station (White) "#BFDBAE", // Community Chest (Mint) "#590D38", // Whitechapel Road (Maroon) "#0271B9", // Park Lane (Blue) "#BFDBAE", // Luxury Tax (Mint) "#590D38", // Old Kent Road (Maroon) "#BFDBAE", // Community Chest (Mint) "#BFDBAE", // Chance (Mint) "#BFDBAE", // Chance (Mint) "#BFDBAE", // Chance (Mint) ])4a:T1219,table = (data, options) => { options = Object.assign({}, defaultOptions, options); const { sortable, rank, paged } = options; let sortKey = undefined; let sortDirection = true; let page = 0; if (sortable && rank) { throw new Error("A table can either be ranked or sortable, but not both"); } let columns = Object.keys(data[0]).map(key => { const opts = options.columns[key] || {}; return { key: key, type: opts.type || typeof data[0][key], options: opts }; }); function bake() { if (sortKey) { data = data.slice().sort((a, b) => { let as = a[sortKey]; let bs = b[sortKey]; // make this sort stable if (as == bs) return JSON.stringify(a).localeCompare(JSON.stringify(b)); let res = as > bs ? 1 : as < bs ? -1 : 0; if (sortDirection) res = -res; return res; }); } let rows = data.slice(page * paged, page * paged + paged); let pages = Math.ceil(data.length / paged); return html`

${ options.header === false ? `` : html` ${rank ? html`` : ""} ${columns.map(c => { return th(c, sortKey, sortDirection, sortable); })} ` } ${rows.map( (row, i) => html` ${rank ? html`` : ""} ${columns.map(c => { let displayValue = (c.options.formatter || identity)( row[c.key], i, row ); if ( displayValue instanceof window.HTMLElement && displayValue.tagName == "TD" ) { return displayValue; } return html``; })} ` )}


${i + 1}	${displayValue}

${ pages ? html`` : "" }

`; } let dom = bake(); function rerender() { dom.firstChild.remove(); dom.appendChild(bake().firstChild); } // dom.addEventListener("click", e => { // if (e.target.tagName === "TH" && sortable) { // if (sortKey == e.target.dataset.key) { // sortDirection = !sortDirection; // } // sortKey = e.target.dataset.key; // rerender(); // } // if (e.target.tagName === "BUTTON") { // if (e.target.dataset.action) { // switch (e.target.dataset.action) { // case "next": // page++, rerender(); // break; // case "previous": // page--, rerender(); // break; // } // } else if (e.target.dataset.page) { // (page = parseInt(e.target.dataset.page)), rerender(); // } // } // }); return dom; }4b:T65d,function swatches({ color, columns = null, format = x => x, swatchSize = 15, swatchWidth = swatchSize, swatchHeight = swatchSize, marginLeft = 10 }) { const id = DOM.uid().id; if (columns !== null) return html`

${color.domain().map(value => { const label = format(value); return html`

${document.createTextNode(label)}

`; })}

`; return html`

${color.domain().map(value => html`${document.createTextNode(format(value))}`)}

`; }4c:[{"id":"b2981145137a75be42b6eccb163a7a81ce3cbbac8b69f22736f134b1a6cb9fcd2ece8e5477b0572d25d17008db064f139ca1b39883d105d9715540dee8944289","href":"https://static.observableusercontent.com/files/b2981145137a75be42b6eccb163a7a81ce3cbbac8b69f22736f134b1a6cb9fcd2ece8e5477b0572d25d17008db064f139ca1b39883d105d9715540dee8944289","name":"desktop@1.csv","type":"text/csv","lastModified":1591462264238.209,"size":238},{"id":"b7c9b996f420b43100a627979b042d94aa675f89b71617641b4dbe18374a4c7e2526fb68fc83a27834e8fac90eb8268c69a3164f7ebde95eff894cd39851fb65","href":"https://static.observableusercontent.com/files/b7c9b996f420b43100a627979b042d94aa675f89b71617641b4dbe18374a4c7e2526fb68fc83a27834e8fac90eb8268c69a3164f7ebde95eff894cd39851fb65","name":"mono2@1.csv","type":"text/csv","lastModified":1590138187197.535,"size":1300},{"id":"0d9046ec2dc42380592f64743abe4117ca325a4e96bf918c3c45ff5940cabae7e35a26451a02d927f30e3ffce7a6982bdc5bf8d18fda2d954179a405a94ce23a","href":"https://static.observableusercontent.com/files/0d9046ec2dc42380592f64743abe4117ca325a4e96bf918c3c45ff5940cabae7e35a26451a02d927f30e3ffce7a6982bdc5bf8d18fda2d954179a405a94ce23a","name":"jail.csv","type":"text/csv","lastModified":1590137592999.793,"size":70},{"id":"c4d84e8e74695f2f236896ddbe49965a0e24101620c7a125467e5a19d8a6639d4194ecd722437e326361bb058e4b492d3ba64de7d48dabddc3b7fa0e94c352cd","href":"https://static.observableusercontent.com/files/c4d84e8e74695f2f236896ddbe49965a0e24101620c7a125467e5a19d8a6639d4194ecd722437e326361bb058e4b492d3ba64de7d48dabddc3b7fa0e94c352cd","name":"mobile@2.csv","type":"text/csv","lastModified":1591463552872.09,"size":220},{"id":"a7af03e8f33e0fe42a750ef517c83cfbcefbee34f4c56a039721f3b1b011ac6a3a82fb87c66f5fdcfb3e75333ccbcc9c417d9f573ff8b2474533556b5605f668","href":"https://static.observableusercontent.com/files/a7af03e8f33e0fe42a750ef517c83cfbcefbee34f4c56a039721f3b1b011ac6a3a82fb87c66f5fdcfb3e75333ccbcc9c417d9f573ff8b2474533556b5605f668","name":"colours.csv","type":"text/csv","lastModified":1591374988835.179,"size":200}] 44:{"id":"1c87ace761fe263b","slug":"landing-probability","title":"Landing Probability","thumbnail":"9cce47d7128e48e51f5ddb67e8f340b4a945b6a7e89fa1c48034c34a7a4dfa8f","access_level":"public","create_time":"$D2020-05-17T16:54:00.774Z","update_time":"$D2020-12-21T16:29:09.794Z","view_time":null,"first_public_time":"$D2020-05-22T14:28:01.688Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"f8bbbce4673db55f","login":"mrdcy","name":"","avatar_url":"https://avatars-next.observableusercontent.com/56fc2b6c0026ee21d93fbd89f93c57eba0023d36f43005984de181a6bef32c7f","tier":"starter_2024","bio":"","following":false},"version":2304,"publish_version":2304,"role":null,"authored":false,"authors":[{"type":"individual","id":"190b0df49256cea8","login":"mrdcy","name":"","avatar_url":"https://avatars-next.observableusercontent.com/56fc2b6c0026ee21d93fbd89f93c57eba0023d36f43005984de181a6bef32c7f","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"190b0df49256cea8","login":"mrdcy","name":"","avatar_url":"https://avatars-next.observableusercontent.com/56fc2b6c0026ee21d93fbd89f93c57eba0023d36f43005984de181a6bef32c7f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"a9ec63a9b97f8c24","slug":"monopoly","title":"Monopoly","owner":{"id":"f8bbbce4673db55f","login":"mrdcy","name":""}},"type":"notebook","body":{"titling":"auto","title":"Landing Probability","cells":[{"id":1635,"value":"maintitle = {\n var x = md`# Landing Probability`\n var title = html`\n

${x}

Probabilities of landing on the squares of a Monopoly board.

Full article: A game of chance?

`\n//

${py}

${x}

`\n//

${py}

\n return title\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2021,"value":"mobile = d3.csv(\n await FileAttachment(\"mobile@2.csv\").url()\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2129,"value":"desktop = d3.csv(\n await FileAttachment(\"desktop@1.csv\").url()\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1835,"value":"colours = d3.csv(\n await FileAttachment(\"colours.csv\").url()\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"data = d3.csvParse(await FileAttachment(\"jail.csv\").text(), (d, i, columns) => (d3.autoType(d), d.total = d3.sum(columns, c => d[c]), d)).sort((a, b) => b.total - a.total)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":620,"value":"mono = d3.csvParse(await FileAttachment(\"mono2@1.csv\").text(), (d, i, columns) => (d3.autoType(d), d.total = d3.sum(columns, c => d[c]), d)).sort((a, b) => b.total - a.total)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":391,"value":"series = d3.stack()\n .keys(data.columns.slice(1))\n (data)\n .map(d => (d.forEach(v => v.key = d.key), d))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":483,"value":"monoseries = d3.stack()\n .keys(mono.columns.slice(1))\n (mono)\n .map(d => (d.forEach(v => v.key = d.key), d))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"x = d3.scaleLinear()\n .domain([0, d3.max(series, d => d3.max(d, d => d[1]))])\n .range([margin.left, width - margin.right])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"y = d3.scaleBand()\n .domain(data.map(d => d.name).concat(mono.map(d => d.name)))\n .range([margin.top, height - margin.bottom])\n .padding(0.3)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":225,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":710,"value":"jailcolor = d3\n .scaleOrdinal()\n .range([\"#7B2A83\", \"#BBBBBB\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"xAxis = g => g\n .attr(\"transform\", `translate(0,${margin.top})`)\n .call(d3.axisTop(x).ticks(width / 100, \"s\").tickFormat(d => d + \"%\"))\n .call(g => g.selectAll(\".domain\").remove())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"yAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(y).tickSizeOuter(0))\n .call(g => g.selectAll(\".domain\").remove())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":422,"value":"formatValue = x => isNaN(x) ? \"N/A\" : x.toLocaleString(\"en\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"height = (mono.length + data.length) * 22.5 + margin.top + margin.bottom","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"margin = ({top: 30, right: 10, bottom: 0, left: 175})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1842,"value":"$4a","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1844,"value":"th = (c, sortKey, sortDirection, sortable) => {\n let {\n options: { title }\n } = c;\n let sortIndicator = sortKey && sortDirection ? \"↑\" : \"↓\";\n let arrow = html`${sortIndicator}`;\n let displayedTitle = title !== undefined ? title : c.key;\n return c.type === \"number\"\n ? html`\n ${arrow}${displayedTitle}\n `\n : html`\n ${displayedTitle}${arrow}\n `;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1848,"value":"identity = i => i","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1846,"value":"defaultOptions = ({ columns: {}, style: 'normal', paged: 25 })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":417,"value":"import {legend} from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2193,"value":"import {alegreya} from \"@mrdcy/globals\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2219,"value":"// font = alegreya()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":741,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":743,"value":"function entity(character) {\n return `&#${character.charCodeAt(0).toString()};`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4c","stdlib":"1"}} 45:"$44:body"