25:["$","title",null,{"children":"Daily Hanzi Bot | Bairui Su | Observable"}] 4b:T7c8,function grid(character, size = 120) { const {汉字: hanzi, 拼音: pinyin} = character; const sw = 2; // stroke width for solid lines const b = sw / 2; // keep edge strokes inside the viewBox const ph = size * 0.45; // height of the pinyin band const gap = size * 0.12; // space between pinyin band and box const top = ph + gap; // y where the 田字格 starts const height = top + size; const dash = "4 3"; // four lines, three spaces: y positions of the pinyin lines const lines = [b, ph / 3, (2 * ph) / 3, ph - b]; return html``; }4c:[{"id":"69c34ef0e155f15456b5505920887f14ba63aa68f67dd30c537b3c6b0de2cffe973c861d08a52630d7ff3f7da426c28b26d88997417ca0e26721311fcbd16cd8","href":"https://static.observableusercontent.com/files/69c34ef0e155f15456b5505920887f14ba63aa68f67dd30c537b3c6b0de2cffe973c861d08a52630d7ff3f7da426c28b26d88997417ca0e26721311fcbd16cd8","name":"characters.csv","type":"text/csv","lastModified":1792530989927,"size":77172}] 47:{"id":"bdb301cd219c65a2","slug":"daily-hanzi-bot","title":"Daily Hanzi Bot","thumbnail":"f2c2211b68ea8a3321b7ffb81a77cea6eb4c082755a6046a7183a6e252d9ac47","access_level":"public","create_time":"$D2026-10-20T21:06:40.914Z","update_time":"$D2026-10-21T16:44:21.846Z","view_time":null,"first_public_time":"$D2026-10-20T22:22:54.055Z","has_unpublished_edits":null,"fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"3e931206c18366b5","login":"pearmini","name":"Bairui Su","avatar_url":"https://avatars-next.observableusercontent.com/0c55731913f2096b86eadf187f5e21ae0a951f3c4dd6bbde4bf2a8536c5b6e49","tier":"starter_2024","bio":"Creative technologist and researcher building tools for creative coding, data visualization, and HCI. Creator of Recho; previously led AntV G2 5.0.","following":false},"version":181,"publish_version":181,"role":null,"authored":false,"authors":[{"type":"individual","id":"76ec39dbb0bd8e40","login":"pearmini","name":"Bairui SU","avatar_url":"https://avatars-next.observableusercontent.com/0c55731913f2096b86eadf187f5e21ae0a951f3c4dd6bbde4bf2a8536c5b6e49","tier":null,"bio":"Creative technologist and researcher building tools for creative coding, data visualization, and HCI. Creator of Recho; previously led AntV G2 5.0.","following":false}],"members":[{"type":"team","id":"3e931206c18366b5","login":"pearmini","name":"Bairui Su","avatar_url":"https://avatars-next.observableusercontent.com/0c55731913f2096b86eadf187f5e21ae0a951f3c4dd6bbde4bf2a8536c5b6e49","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Daily Hanzi Bot","cells":[{"id":1,"value":"# Daily Hanzi Bot","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"md`One [Hanzi](https://en.wikipedia.org/wiki/Chinese_characters) a day, every day, starting October 21, 2026. At this pace, all ${data.length.toLocaleString(\"en-US\")} characters ([source](https://github.com/jaywcjlove/table-of-general-standard-chinese-characters)) will take about ${Math.round(data.length / 365)} years. Long live Observable! There's also a daily [Blusky Hanzi Bot](https://bsky.app/profile/hanzi8105.bsky.social).`","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"md`\n## Day ${index+1} / ${data.length}\n\n${today.toLocaleDateString(\"en-US\", {timeZone: \"Asia/Shanghai\", dateStyle: \"long\"})}\n`","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"display(padding(grid(data[index], 400)));","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"## History","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"html`${data.slice(0, index + 1).reverse().map(d => grid(d, 80))}`","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"## Implmentation","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"const launch = new Date(\"2026-10-20T12:00:00+08:00\");\nconst today = new Date();\nconst index = Math.floor((today - launch) / 86_400_000);","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"$4b","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"function padding(node, padding=\"40px\") {\n return html`${node}`;\n}","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"const data = await FileAttachment(\"characters.csv\").csv({typed: \"auto\"});\ndisplay(data)","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4c","stdlib":"2"}} 24:null