2e:null 2f:["$","title",null,{"children":"Experiment with Plottable Letters | Tony Chu | Observable"}] 34:[] 32:{"id":"582d646bcca4ef93","slug":"experiment-with-plottable-letters","title":"Experiment with Plottable Letters","thumbnail":"b30b7149688cab88ac6f5dda860cf0a59092eca82ae274942b57a2cb1679b716","access_level":"public","create_time":"$D2021-05-31T01:59:44.613Z","update_time":"$D2021-06-20T04:30:45.802Z","view_time":null,"first_public_time":"$D2021-05-31T04:26:30.925Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"d23b8bbc584a6b18","login":"tonyhschu","name":"Tony Chu","avatar_url":"https://avatars-next.observableusercontent.com/28b9276723f510612a9ffc80e179b2b8ae42addb9ebf8b0b714e8b2c8db98c30","tier":"starter_2024"},"version":414,"publish_version":414,"role":null,"authored":false,"authors":[{"type":"individual","id":"a469f43f1f5e7f92","login":"tonyhschu","name":"Tony Chu","avatar_url":"https://avatars-next.observableusercontent.com/28b9276723f510612a9ffc80e179b2b8ae42addb9ebf8b0b714e8b2c8db98c30","tier":null}],"members":[{"type":"individual","id":"a469f43f1f5e7f92","login":"tonyhschu","name":"Tony Chu","avatar_url":"https://avatars-next.observableusercontent.com/28b9276723f510612a9ffc80e179b2b8ae42addb9ebf8b0b714e8b2c8db98c30","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Experiment with Plottable Letters","cells":[{"id":0,"value":"md`# Experiment with Plottable Letters`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"svg``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":401,"value":"canvas = {\n const context = DOM.context2d(width, 30);\n \n context.strokeStyle = 'black'\n letterPlotterCanvas(context, Object.keys(letterData).join(''), 2, 10)\n \n return context.canvas\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":404,"value":"letterPlotterCanvas = (context, input, x, y) => {\n const letters = input.toLowerCase().split('').map((l) => {\n return letterData[l]\n })\n \n context.beginPath()\n letters.forEach((letter, i) => {\n const offsetX = i * 9\n \n letter.path.map((line) => {\n line.map((p, j) => {\n \n if (j === 0) {\n context.moveTo(p[0] + offsetX + x, p[1] + y)\n } else {\n context.lineTo(p[0] + offsetX + x, p[1] + y)\n }\n })\n })\n \n })\n\n context.stroke()\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":373,"value":"svg``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"letterPlotter = (input, params = {}) => {\n const letters = input.toLowerCase().split('').map((l) => {\n return letterData[l]\n })\n \n return svg`${letters.map((letter, i) => {\n const d = letter.path.map((line) => {\n return \"M \" + line.map((p) => p[0] + ' ' + p[1]).join(' L ')\n }).join(' ')\n \n const offsetX = i * 9\n \n return svg``\n })}`\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"a = Object.assign({\n path: [\n [[0,9], [0,3], [3,0], [6,3], [6,9]],\n [[0,6], [6,6]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"b = Object.assign({\n path: [\n [[0,4], [0,0], [4,0], [5,1], [5,4]],\n [[0,4], [5,4], [6,5], [6,8], [5,9], [0,9], [0,4]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"c = Object.assign({\n path: [\n [[6,2],[5,0],[1,0],[0,2],[0,7],[1,9],[5,9],[6,7]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"d = Object.assign({\n path: [\n [[0,0],[4,0],[6,2],[6,7],[4,9],[0,9],[0,0]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"e = Object.assign({\n path: [\n [[6,0],[0,0],[0,9],[6,9]],\n [[0,5],[5,5]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"f = Object.assign({\n path: [\n [[6,0],[0,0],[0,9]],\n [[0,5],[5,5]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"g = Object.assign({\n path: [\n [[6,2],[5,0],[1,0],[0,2],[0,7],[1,9],[5,9],[6,7],[6,5],[3,5]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"h = Object.assign({\n path: [\n [[0,0],[0,9]],\n [[6,0],[6,9]],\n [[0,5],[6,5]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"i = Object.assign({\n path: [\n [[0,0],[6,0]],\n [[3,0],[3,9]],\n [[0,9],[6,9]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"j = Object.assign({\n path: [\n [[0,0],[6,0]],\n [[4,0],[4,8],[3,9],[1,9],[0,8]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"k = Object.assign({\n path: [\n [[0,0],[0,9]],\n [[0,6],[6,0]],\n [[2,4],[6,9]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"l = Object.assign({\n path: [\n [[0,0],[0,9],[6,9]],\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":128,"value":"m = Object.assign({\n path: [\n [[0,0],[0,9]],\n [[0,1],[3,5],[6,1]],\n [[6,0],[6,9]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"n = Object.assign({\n path: [\n [[0,0],[0,9]],\n [[0,0.5],[6,6]],\n [[6,0],[6,9]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":154,"value":"o = Object.assign({\n path: [\n [[6,2],[4,0],[2,0],[0,2],[0,7],[2,9],[4,9],[6,7],[6,2]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":164,"value":"p = Object.assign({\n path: [\n [[0,9],[0,0],[4,0],[6,2],[6,4],[4,6],[0,6]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"q = Object.assign({\n path: [\n [[6,2],[4,0],[2,0],[0,2],[0,7],[2,9],[4,9],[6,7],[6,2]],\n [[6,9],[3,6]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"r = Object.assign({\n path: [\n [[0,9],[0,0],[4,0],[6,2],[6,4],[4,6],[0,6]],\n [[6,9],[6,8],[4,6]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":187,"value":"s = Object.assign({\n path: [\n [[6,2],[5,0],[1,0],[0,2],[0,3],[1,4],[5,4],[6,5],[6,7],[5,9],[1,9],[0,7]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"t = Object.assign({\n path: [\n [[0,0],[6,0]],\n [[3,0],[3,9]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":206,"value":"u = Object.assign({\n path: [\n [[0,0],[0,7],[2,9],[4,9],[6,7],[6,0]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":209,"value":"v = Object.assign({\n path: [\n [[0,0],[0,6],[3,9],[6,6],[6,0]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":212,"value":"w = Object.assign({\n path: [\n [[0,0],[0,9],[3,5],[6,9],[6,0]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":217,"value":"x = Object.assign({\n path: [\n [[0,0],[6,9]],\n [[0,9],[6,0]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":222,"value":"y = Object.assign({\n path: [\n [[0,0],[0,4],[3,6],[3,9]],\n [[6,0],[6,4],[3,6]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":225,"value":"z = Object.assign({\n path: [\n [[0,0],[6,0],[0,9],[6,9]],\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":245,"value":"space = Object.assign({ path: [] })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":228,"value":"zero = Object.assign({\n path: [\n [[6,2],[4,0],[2,0],[0,2],[0,7],[2,9],[4,9],[6,7],[6,2]],\n [[5,2],[1,7]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":318,"value":"dash = Object.assign({\n path: [\n [[1,4],[5,4]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":322,"value":"underscore = Object.assign({\n path: [\n [[0,9],[6,9]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":233,"value":"one = Object.assign({\n path: [\n [[3,9],[3,0],[1,3]],\n [[0,9],[6,9]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":255,"value":"two = Object.assign({\n path: [\n [[0,2],[2,0],[4,0],[6,2],[6,4],[0,8],[0,9]],\n [[0,9],[6,9]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"three = Object.assign({\n path: [\n [[0,2],[2,0],[4,0],[6,2],[6,3],[4,4],[6,5],[6,7],[4,9],[2,9],[0,7]],\n [[1,4],[4,4]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":279,"value":"four = Object.assign({\n path: [\n [[6,6],[0,6],[0,5],[6,0],[6,9]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":285,"value":"five = Object.assign({\n path: [\n [[6,0],[0,0],[0,3],[5,3],[6,4],[6,7],[4,9],[2,9],[0,7]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":302,"value":"six = Object.assign({\n path: [\n [[0,5],[2,3],[4,3],[6,5],[6,7],[4,9],[2,9],[0,7],[0,2],[2,0],[5,0]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":326,"value":"seven = Object.assign({\n path: [\n [[0,0],[6,0],[6,3],[0,9]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":330,"value":"eight = Object.assign({\n path: [\n [[2,4],[1,3],[1,1],[2,0],[4,0],[5,1],[5,3],[4,4],[2,4],[0,6],[0,8],[1,9],[5,9],[6,8],[6,6],[4,4]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":349,"value":"nine = Object.assign({\n path: [\n //[[0,5],[2,3],[4,3],[6,5],[6,7],[4,9],[2,9],[0,7],[0,2],[2,0],[5,0]]\n [[6,4],[4,6],[2,6],[0,4],[0,2],[2,0],[4,0],[6,2],[6,7],[4,9],[1,9]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":385,"value":"comma = Object.assign({\n path: [\n [[3,8], [3, 9], [2, 10]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":391,"value":"period = Object.assign({\n path: [\n [[3,8], [3, 9]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":395,"value":"colon = Object.assign({\n path: [\n [[3,3], [3,4]],\n [[3,7], [3,8]]\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":400,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"letterData = Object.assign({\n a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z,\n ' ': space,\n '-': dash,\n '_': underscore,\n ',': comma,\n '.': period,\n ':': colon,\n 0: zero,\n 1: one,\n 2: two,\n 3: three,\n 4: four,\n 5: five,\n 6: six,\n 7: seven,\n 8: eight,\n 9: nine, \n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 33:"$32:body"