https://viz.counter.ink Last 50 notes on viz.counter.ink Quartz -- quartz.jzhao.xyz https://viz.counter.ink/ https://viz.counter.ink/ <script> async function loadChangelog() { // Dynamically determine base path const basePath = window.location.pathname.replace(/\/[^/]*$/, ''); const changelogPath = basePath + '/changelog.json'; try { const response = await fetch(changelogPath); const entries = await response.json(); const container = document.getElementById('changelog-entries'); entries.forEach(entry => { const date = new Date(entry.updated); const dateStr = date.toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' }); const type = entry.isNew ? '[new]' : '[edit]'; const div = document.createElement('div'); div.className = 'changelog-entry'; const link = document.createElement('a'); link.href = basePath + '/' + entry.slug; link.className = 'changelog-title'; link.textContent = entry.title; div.appendChild(link); const meta = document.createElement('div'); meta.className = 'changelog-meta'; const typeSpan = document.createElement('span'); typeSpan.className = 'changelog-type'; typeSpan.textContent = type; const createdSpan = document.createElement('span'); createdSpan.textContent = `Created: ${entry.created ? new Date(entry.created).toLocaleDateString() : 'N/A'}`; const updatedSpan = document.createElement('span'); updatedSpan.textContent = `Updated: ${dateStr}`; const wordsSpan = document.createElement('span'); wordsSpan.textContent = `${entry.wordCount} words`; meta.appendChild(typeSpan); meta.appendChild(createdSpan); meta.appendChild(updatedSpan); meta.appendChild(wordsSpan); div.appendChild(meta); if (entry.firstParagraph) { const preview = document.createElement('p'); preview.className = 'changelog-preview'; preview.textContent = entry.firstParagraph; div.appendChild(preview); } container.appendChild(div); }); } catch (error) { console.error('Failed to load changelog:', error); document.getElementById('changelog-entries').innerHTML = '<p>Failed to load changelog.</p>'; } } loadChangelog(); </script> <style> .changelog-entry { padding: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--lightgray); } .changelog-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; } .changelog-title { font-size: 1.25rem; font-weight: bold; display: block; margin-bottom: 0.5rem; } .changelog-type { font-size: 0.875rem; } .changelog-meta { display: flex; gap: 1rem; font-size: 0.875rem; color: var(--gray); margin-bottom: 0.5rem; } .changelog-preview { font-size: 0.9rem; color: var(--darkgray); } </style> <h2 id="recent-changes">Recent Changes<a role="anchor" aria-hidden tabindex="-1" data-no-popover href="#recent-changes" class="internal"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg></a></h2> <div id="changelog-entries"> <p>Loading...</p> </div> Wed, 25 Feb 2026 21:45:23 GMT https://viz.counter.ink/2-main/2.1-anecdata/2.1-anecdata https://viz.counter.ink/2-main/2.1-anecdata/2.1-anecdata Wed, 25 Feb 2026 21:45:23 GMT https://viz.counter.ink/2-main/2.2-isotype/2.2-isotype https://viz.counter.ink/2-main/2.2-isotype/2.2-isotype Wed, 25 Feb 2026 21:45:23 GMT https://viz.counter.ink/1-front-matter/1.2-introduction https://viz.counter.ink/1-front-matter/1.2-introduction <p>test test test test test test test</p> Tue, 24 Feb 2026 23:11:00 GMT https://viz.counter.ink/3-back-matter/3.4-index https://viz.counter.ink/3-back-matter/3.4-index Tue, 24 Feb 2026 22:35:00 GMT https://viz.counter.ink/3-back-matter/3.3-acknowledgments https://viz.counter.ink/3-back-matter/3.3-acknowledgments Tue, 24 Feb 2026 22:33:00 GMT https://viz.counter.ink/1-front-matter/1.4-tags https://viz.counter.ink/1-front-matter/1.4-tags <p>test test test test test test test test test test test test test</p> Sun, 02 Feb 2025 13:50:00 GMT https://viz.counter.ink/2-main/2.4-fields/2.4-fields https://viz.counter.ink/2-main/2.4-fields/2.4-fields <h1 id="hello">hello<a role="anchor" aria-hidden tabindex="-1" data-no-popover href="#hello" class="internal"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg></a></h1> Sat, 01 Feb 2025 11:02:00 GMT https://viz.counter.ink/2-main/2.5-bodies/2.5-bodies https://viz.counter.ink/2-main/2.5-bodies/2.5-bodies Sat, 01 Feb 2025 11:02:00 GMT https://viz.counter.ink/2-main/2.6-worlds/2.6-worlds https://viz.counter.ink/2-main/2.6-worlds/2.6-worlds Sat, 01 Feb 2025 11:02:00 GMT https://viz.counter.ink/2-main/2.7-interiors/2.7-interiors https://viz.counter.ink/2-main/2.7-interiors/2.7-interiors Sat, 01 Feb 2025 11:02:00 GMT https://viz.counter.ink/2-main/2.8-ends/2.8-ends https://viz.counter.ink/2-main/2.8-ends/2.8-ends Sat, 01 Feb 2025 11:02:00 GMT https://viz.counter.ink/1-front-matter/1.1-about https://viz.counter.ink/1-front-matter/1.1-about Mon, 20 Jan 2025 13:21:00 GMT https://viz.counter.ink/1-front-matter/1.3-sources,-approaches,-methods https://viz.counter.ink/1-front-matter/1.3-sources,-approaches,-methods <p>test test test test test test test test test</p> Mon, 20 Jan 2025 13:21:00 GMT https://viz.counter.ink/2-main/2.3-spaces/2.3-spaces https://viz.counter.ink/2-main/2.3-spaces/2.3-spaces Mon, 20 Jan 2025 13:21:00 GMT https://viz.counter.ink/3-back-matter/3.1-glossary https://viz.counter.ink/3-back-matter/3.1-glossary Mon, 20 Jan 2025 13:21:00 GMT https://viz.counter.ink/3-back-matter/3.2-bibliography https://viz.counter.ink/3-back-matter/3.2-bibliography Mon, 20 Jan 2025 13:21:00 GMT