44:["$","title",null,{"children":"iso cube sketchbook | ellemenno | Observable"}] 4c:[] 48:{"id":"1a3d75f029c6b841","slug":"iso-cube-sketchbook","title":"iso cube sketchbook","thumbnail":"74b895f51f71d5e56a074cd40bb9efcbf61021f74eb8888399500c33b980dc24","access_level":"public","create_time":"$D2020-09-11T23:39:57.465Z","update_time":"$D2020-09-29T18:59:34.021Z","view_time":null,"first_public_time":"$D2020-09-12T02:25:57.989Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"b6d1e4cbc9bba051","login":"ellemenno","name":"","avatar_url":"https://avatars-next.observableusercontent.com/75aeb1562e49a158612fb0ac7c0bf8f607cb3b8df8fd4abee6ca5282aa43e86a","tier":"starter_2024","bio":"","following":false},"version":207,"publish_version":207,"role":null,"authored":false,"authors":[{"type":"individual","id":"d5a7a4f24bbe18f7","login":"ellemenno","name":"","avatar_url":"https://avatars-next.observableusercontent.com/75aeb1562e49a158612fb0ac7c0bf8f607cb3b8df8fd4abee6ca5282aa43e86a","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"d5a7a4f24bbe18f7","login":"ellemenno","name":"","avatar_url":"https://avatars-next.observableusercontent.com/75aeb1562e49a158612fb0ac7c0bf8f607cb3b8df8fd4abee6ca5282aa43e86a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"194890412207dd4b","slug":"howto","title":"howto","owner":{"id":"b6d1e4cbc9bba051","login":"ellemenno","name":""}},"type":"notebook","body":{"titling":"auto","title":"iso cube sketchbook","cells":[{"id":0,"value":"md`# iso cube sketchbook`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"md`\nmore accurately, a _dimetric_ cube sketchbook, since we squish the hexagon to be equally tall and wide, foreshortening the top and bottom a bit, fitting inside a square and simplifying maths.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"md`**d** —the ‘diameter’ of the hexagon block (width and height are equal)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"d = 100","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"md`**r** —the ‘radius’ of the hexagon (half the diameter; also the vertical edge length)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"r = d / 2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"md`**x** —half a vertical edge of the hexagon (also, half the radius)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"x = r / 2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"outline = `M0,0L-1,0 1,0M-${r},${x}L-${r},-${x} 0,-${r} ${r},-${x} ${r},${x} 0,${r} -${r},${x}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"hex = ``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"html`${inabox(hex)}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"quad_left = `M0,0L0,${r} -${r},${x} -${r},-${x} 0,0`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"quad_right = `M0,0L${r},-${x} ${r},${x}, 0,${r} 0,0`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"quad_top = `M0,0L-${r},-${x} 0,-${r} ${r},-${x} 0,0`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"cube_common = `fill-opacity=1.0 stroke-width=2 transform='translate(${d/2},${d/2})`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"cube = `\n \n \n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"html`${inabox(cube)}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"layer = `\n${cube}\n${cube}\n${cube}\n\n${cube}\n${cube}\n${cube}\n\n${cube}\n${cube}\n${cube}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"html`${inabox(layer, d*3, d*2)}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"block = `\n${layer}\n${layer}\n${layer}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"html`${inabox(block, d*3, d*3)}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"iblock = {\n const svg = html`${inabox(block, d*3, d*3)}`;\n\n const over = (e,d) => d3.select(e.currentTarget).selectAll('path').attr('fill-opacity', 0);\n const out = (e,d) => d3.select(e.currentTarget).selectAll('path').attr('fill-opacity', 1.0);\n\n d3.select(svg).selectAll('g.cube')\n .on('mouseover', over)\n .on('mouseout', out);\n \n return svg;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"md`# lib`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"inabox = (thing, w=d, h=d) => ``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4c","stdlib":"1"}} 24:null