3f:null 40:["$","title",null,{"children":"Landing Probability Heatmap | mrdcy | Observable"}] 46:T58b,reference = table(ranges, { 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); } }, Range: { 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]}`; } } } })47: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; }48:[{"id":"932c53c41a16a3a6379a61bcca63cd0ca73e899a69c64575531759739d7a02355d68a33364f69b6260ec02dc4faa433d6ca8f2fe003bf1137880d5af94651db8","href":"https://static.observableusercontent.com/files/932c53c41a16a3a6379a61bcca63cd0ca73e899a69c64575531759739d7a02355d68a33364f69b6260ec02dc4faa433d6ca8f2fe003bf1137880d5af94651db8","name":"range.csv","type":"text/csv","lastModified":1591467063144.454,"size":233},{"id":"99509b46de8483e76a4c3402eb4365f3ae83da0b8b840b9fc9f8b66a46178e36e4be1d92c25a83a035431a3e0feef7dc3088b0b4ee08d3e10207b9417523c68b","href":"https://static.observableusercontent.com/files/99509b46de8483e76a4c3402eb4365f3ae83da0b8b840b9fc9f8b66a46178e36e4be1d92c25a83a035431a3e0feef7dc3088b0b4ee08d3e10207b9417523c68b","name":"board@1.svg","type":"image/svg+xml","lastModified":1595161539208.038,"size":135425},{"id":"e730f595a906c9b65b26153b54dd19b40925bbaeb83e514773a2888bb686306d88fe7fce227b6a3df38dc4e0fa251ffda0e554ae2bcd947c9f3cefb401932b2c","href":"https://static.observableusercontent.com/files/e730f595a906c9b65b26153b54dd19b40925bbaeb83e514773a2888bb686306d88fe7fce227b6a3df38dc4e0fa251ffda0e554ae2bcd947c9f3cefb401932b2c","name":"monopoly@1.svg","type":"image/svg+xml","lastModified":1591219151154.262,"size":100628},{"id":"5dd5818e21c84e43f03fac0dc42766f6229224a5b4b5e9c7581fdc732980a418a16ee99fd3e793a5ed5c5af4e32d71b34a42f14aa2ff436391fc66d88f56ba5e","href":"https://static.observableusercontent.com/files/5dd5818e21c84e43f03fac0dc42766f6229224a5b4b5e9c7581fdc732980a418a16ee99fd3e793a5ed5c5af4e32d71b34a42f14aa2ff436391fc66d88f56ba5e","name":"board-1.svg","type":"image/svg+xml","lastModified":1608498951154.072,"size":135425}] 44:{"id":"00496e1f771cb541","slug":"monopoly-heatmap","title":"Landing Probability Heatmap","thumbnail":"54b4fd41d7fb7e0589ad79f0c70db86ceb108e3088c4ccb651c7de96fb879394","access_level":"public","create_time":"$D2020-05-31T20:15:03.009Z","update_time":"$D2020-12-21T19:04:41.454Z","view_time":null,"first_public_time":"$D2020-05-31T20:35:30.003Z","has_unpublished_edits":null,"fork":false,"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":294,"publish_version":294,"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":1,"collection":{"id":"a9ec63a9b97f8c24","slug":"monopoly","title":"Monopoly","owner":{"id":"f8bbbce4673db55f","login":"mrdcy","name":""}},"type":"notebook","body":{"titling":"auto","title":"Landing Probability Heatmap","cells":[{"id":133,"value":"maintitle = {\n var x = md`# Landing Probability Heatmap`\n var title = html`\n

${x}

Heatmap to show the probability of landing on the squares of a Monopoly board.

Full article: A game of chance?

`\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":0,"value":"view = {\n var yz = html`${alegreya()}\n${svg}`\n return yz\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":288,"value":"key = {\n var yz = html`${alegreya()}\n

${reference}

`\n return yz\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":252,"value":"$46","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":254,"value":"ranges = d3.csv(\n await FileAttachment(\"range.csv\").url()\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":256,"value":"$47","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":258,"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":262,"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":260,"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":9,"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":3,"value":"svg = FileAttachment(\"board-1.svg\").text()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"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":24,"value":"import {alegreya} from \"@mrdcy/globals\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W48","stdlib":"1"}} 45:"$44:body"