35:null 36:["$","title",null,{"children":"Navigable Hexagonal Map (or Phantom) of the Library of Babel | jmfbo | Observable"}] 3c:T15c5,(() => { const SANS="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif"; const MONO="ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace"; const INK='#1a1714', PAPER='#faf8f3', MUTED='#8a8378'; const container = document.createElement('div'); container.style.cssText = 'font:13px/1.5 ' + SANS + '; max-width:900px;'; const ALPH = "abcdefghijklmnopqrstuvwxyz ,."; const COLS = 11, ROWS = 7, GALLERIES = COLS * ROWS; const LINES = 26, WIDTH = 70; function mulberry32(a){ return function(){ a|=0; a=a+0x6D2B79F5|0; let t=Math.imul(a^a>>>15,1|a); t=t+Math.imul(t^t>>>7,61|t)^t; return ((t^t>>>14)>>>0)/4294967296; }; } function hashStr(s){ let h=2166136261>>>0; for(let i=0;i>>0; } function escapeHtml(s){ return s.replace(/&/g,'&').replace(//g,'>'); } function genPage(id, seed){ const rnd = mulberry32(hashStr(id + '|' + seed)); const lines = []; for(let l=0; l hexPoints(d.cx, d.cy, hexSize)) .attr('fill', '#ffffff').attr('stroke', MUTED).attr('stroke-width', 1) .style('cursor', 'pointer') .on('click', (e, d) => selectGallery(d.id, null)); const page = document.createElement('pre'); page.style.cssText = 'margin-top:10px;padding:12px;background:' + PAPER + ';border:1px solid #e5e7eb;font-family:' + MONO + ';font-size:12px;line-height:1.35;white-space:pre-wrap;word-break:break-all;color:' + INK + ';max-width:820px;max-height:260px;overflow:auto;'; container.append(svg.node(), page); function locationOf(id){ return { wall: (id % 4) + 1, shelf: ((id >> 2) % 5) + 1, book: ((id >> 3) % 32) + 1, page: ((id >> 4) % 410) + 1 }; } function selectGallery(id, match){ const lines = genPage(id, 'main'); const loc = locationOf(id); cellG.attr('fill', d => d.id === id ? '#FB6247' : '#ffffff'); if (match){ const { line, col, phrase } = match; let html = ''; for(let l=0; l' + escapeHtml(phrase) + '' + escapeHtml(lines[l].slice(col + phrase.length)) + '\n'; } else { html += escapeHtml(lines[l]) + '\n'; } } page.innerHTML = html; status.textContent = 'Found "' + phrase + '" — hexagon ' + id + ', wall ' + loc.wall + ', shelf ' + loc.shelf + ', book ' + loc.book + ', page ' + loc.page + '.'; } else { page.textContent = lines.join('\n'); status.textContent = 'Hexagon ' + id + ' of ' + GALLERIES + ' — wall ' + loc.wall + ', shelf ' + loc.shelf + ', book ' + loc.book + ', page ' + loc.page + '.'; } } function doSearch(){ const q = input.value.trim().toLowerCase().replace(/[^a-z ,.]/g, ''); if(!q){ status.textContent = 'Type a phrase (letters, spaces, comma, period).'; return; } const h = hashStr(q); selectGallery(h % GALLERIES, { line: (h >>> 5) % LINES, col: (h >>> 11) % (WIDTH - q.length), phrase: q }); } btn.addEventListener('click', doSearch); input.addEventListener('keydown', e => { if(e.key === 'Enter') doSearch(); }); selectGallery(0, null); return container; })()3d:[] 3a:{"id":"c922b509ca790aa5","slug":"navigable-hexagonal-map-or-phantom-of-the-library-of-babel","title":"Navigable Hexagonal Map (or Phantom) of the Library of Babel","thumbnail":"dd860ade3380965b567e1afbd81a4b05af601545399a061523165f56d4e714a8","access_level":"public","create_time":"$D2026-10-19T15:40:55.638Z","update_time":"$D2026-10-19T21:51:11.802Z","view_time":null,"first_public_time":"$D2026-10-19T15:44:13.865Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"13e9f68b1ec1653b","login":"ssp2","name":"jmfbo","avatar_url":"https://avatars-next.observableusercontent.com/86da5640a4a538e054fc577d613a9d57f0da60f5d4a14a3da6b4e0fb3e5a5800","tier":"free_2026","bio":"founder and principal engineer at sindio.net","following":false},"version":27,"publish_version":27,"role":null,"authored":false,"authors":[{"type":"individual","id":"f18d27787b7a1d20","login":"ssp2","name":"jmfbo","avatar_url":"https://avatars-next.observableusercontent.com/86da5640a4a538e054fc577d613a9d57f0da60f5d4a14a3da6b4e0fb3e5a5800","tier":null,"bio":"founder and principal engineer at sindio.net","following":false}],"members":[{"type":"team","id":"13e9f68b1ec1653b","login":"ssp2","name":"jmfbo","avatar_url":"https://avatars-next.observableusercontent.com/86da5640a4a538e054fc577d613a9d57f0da60f5d4a14a3da6b4e0fb3e5a5800","tier":"free_2026","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Navigable Hexagonal Map (or Phantom) of the Library of Babel","cells":[{"id":1,"value":"# Navigable Hexagonal Map (or Phantom) of the Library of Babel","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"Borges wrote a story titled The Library of Babel, which I found fascinating. Here is a navigable hexagonal map (or perhpas a phantom) of the library of Babel. If you click a hexagon, you’ll glimpse a page from a book in that hexagon. If search any phrase, it will be found (hashed to a hexagon, book, position, already written among the 25^1,312,000 possible books.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"$3c","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3d","stdlib":"2"}} 3b:"$3a:body"