2b:null 2c:["$","title",null,{"children":"simplex map | Jasmine Otto | Observable"}] 31:[] 2f:{"id":"3720f260ed3b52da","slug":"simplex-map","title":"simplex map","thumbnail":"d1b98dffc76da6a92d93849a800259294605f366e7a97313d6c28ae2f0204cad","access_level":"public","create_time":"$D2020-03-25T18:43:50.479Z","update_time":"$D2020-11-03T06:18:12.271Z","view_time":null,"first_public_time":"$D2020-03-25T19:50:11.715Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"43e035ce64fad801","login":"jazztap","name":"Jasmine Otto","avatar_url":"https://avatars-next.observableusercontent.com/1d847b962089e3524d821a011682b5ec09925cb269ab3f15456fb6e38e574bcc","tier":"starter_2024"},"version":320,"publish_version":320,"role":null,"authored":false,"authors":[{"type":"individual","id":"91a3f7bf83a60ddd","login":"jazztap","name":"Jasmine Otto","avatar_url":"https://avatars-next.observableusercontent.com/1d847b962089e3524d821a011682b5ec09925cb269ab3f15456fb6e38e574bcc","tier":null}],"members":[{"type":"individual","id":"91a3f7bf83a60ddd","login":"jazztap","name":"Jasmine Otto","avatar_url":"https://avatars-next.observableusercontent.com/1d847b962089e3524d821a011682b5ec09925cb269ab3f15456fb6e38e574bcc","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"simplex map","cells":[{"id":0,"value":"md`# simplex map\n### 'string figures'\nvisual etude for shuffle literature\n\n(this example is of an 11-card deck)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9,"value":"nodes = {\n let r = 20\n let nodes = [[0,0], [-2, 0], [-3, -2], [-3,2],\n [-1, 2], [-1, -2],\n [2, 0], [1, 2], [1, -2],\n [3, -2], [3, 2]]\n return nodes.map((u) => u.map(v => v*r))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":189,"value":"examples = () => {\n // returns a random subset of each route\n // (a route being all directed edges between four particular nodes)\n let roll = Math.random()\n let raw = roll < .25 ? [0,1,2,3]\n : roll < .50 ? [0,1,4,5]\n : roll < .75 ? [0,6,7,8]\n : [0,6,9,10]\n let res = d3.range(4).map(i => raw.slice(0,i+1))\n return res.map(u => d3.cross(u, u))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":308,"value":"// pick one of the (four hardcoded) routes. click this cell and press shift-enter to reroll me.\nworld = examples()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":38,"value":"// storylet adjacency - brush 'i' below to explore each kind of route\nedges = world[i]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":193,"value":"viewof i = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":7,"value":"figure = {\n const hw = 100, hh = 75\n const ret = html``,\n sel = d3.select(ret).select('g')\n \n sel.html(``)\n \n sel.selectAll('g.node').data(nodes).join('g').attr('class', 'node')\n .html(d => ``)\n \n sel.selectAll('g.edge').data(edges).join('g').attr('class', 'edge')\n .html(d => makeStroke(d[0], d[1]))\n \n function makeStroke(i,j) {\n if (i == j) return ``\n let [x1, y1] = nodes[i]\n let [x2, y2] = nodes[j]\n return ``\n }\n return ret\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":302,"value":"html`download`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":300,"value":"// http://bl.ocks.org/curran/7cf9967028259ea032e8\nfunction svgDataUrl(svg) {\n var svgAsXML = (new XMLSerializer).serializeToString(svg);\n return \"data:image/svg+xml,\" + encodeURIComponent(svgAsXML);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2,"value":"d3 = require('d3@v5')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"