${(symbols [d.index].name)}

32:T47a,chart5 = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, 50]) .attr("font-family", "sans-serif") .attr("font-size", 15) .style("display", "block"); var borderPath = svg.append("rect") .attr("x", 0) .attr("y", 0) .attr("height", 50) .attr("width", 1050) .style("stroke", "black") .style("fill", "none") .style("stroke-width", 1); let text = svg.selectAll("text"); return Object.assign(svg.node(), { update(letters) { const t = svg.transition().duration(400); text = text .data(letters, d => d) .join( enter => enter.append("text") .attr("y",-4) .attr("dy", "0.35em") .attr("dx", "0.35em") .attr("x", (d, i) => i * i) .text(d => d), update => update, exit => exit .call(text => text.transition(t).remove() .attr("y", 41)) ) .call(text => text.transition(t) .attr("y", 25) .attr("x", (d, i) => i * 65)); } }); }33:T1e19,MONAD = html`

`; //🌹 // // // //

// // 34:T768,symbols = [ {glyph: "💨", number: 1, name: "Air", origin: 0, position: favorite.location[0]+0+Wheels[0], web: 54158 }, {glyph: "🪨", number: 1, name: "Earth", origin: 180, position: favorite.location[0]+180+Wheels[0], web: 66079}, {glyph: "🔥", number: 2, name: "Fire", origin: 90, position: favorite.location[1]+90+Wheels[1], web: 49903 }, {glyph: "🌊", number: 2, name: "Water", origin: 270, position: favorite.location[1]+270+Wheels[1], web: 18786}, {glyph: "☀️", number: 3, name: "Sun", origin: 45, position: favorite.location[2]+45+Wheels[2], web: 3716}, {glyph: "⛰️", number: 3, name: "Mountain", origin: 135, position: favorite.location[2]+135+Wheels[2], web: 8690}, {glyph: "🌙", number: 3, name: "Moon", origin: 225, position: favorite.location[2]+225+Wheels[2], web: 2874}, {glyph: "🌬️", number: 3, name: "Wind", origin: 315, position: favorite.location[2]+315+Wheels[2], web: 76963 }, {glyph: "🦅", number: 4, name: "Eagle", origin: 22.5, position: favorite.location[3]+22.5+Wheels[3], web: 8787}, {glyph: "🌳", number: 4, name: "Tree", origin: 67.5, position: favorite.location[3]+67.5+Wheels[3], web: 74672}, {glyph: "🪲", number: 4, name: "Beetle", origin: 112.5, position: favorite.location[3]+112.5+Wheels[3], web: 63319}, {glyph: "🌾", number: 4, name: "Seed", origin: 157.5, position: favorite.location[3]+157.5+Wheels[3], web: 15169}, {glyph: "🦉", number: 4, name: "Owl", origin: 202.5, position: favorite.location[3]+ 202.5+Wheels[3], web: 10761}, {glyph: "🌱", number: 4, name: "Shrub", origin: 247.5, position: favorite.location[3]+247.5+Wheels[3], web: 72653}, {glyph: "🐝", number: 4, name: "Bee", origin: 292.5, position: favorite.location[3]+292.5+Wheels[3], web: 35807}, {glyph: "🌼", number: 4, name: "Flower", origin: 337.5, position: favorite.location[3]+337.5+Wheels[3], web: 35925}, ] 35:[{"id":"bbafbdf68e09a42244b799c477971c41d713dee3aedbb3e80941f72a51a5a08aed12a7186dc0bc2411d9318dbba5c29cf225e9c6b77d3607dbaca7adcae7a7e9","href":"https://static.observableusercontent.com/files/bbafbdf68e09a42244b799c477971c41d713dee3aedbb3e80941f72a51a5a08aed12a7186dc0bc2411d9318dbba5c29cf225e9c6b77d3607dbaca7adcae7a7e9","name":"EnglishWordPolarSmall.csv","type":"text/csv","lastModified":1678804965183.585,"size":324935},{"id":"68ba7834c093ce193ad9d6a51f12769b02f6f07f2995cafd04fcfb19fff3b3f1372de01924c0f1a7315a7508391a5f4a4de4fa88bee329f2fdc997c51cbfe358","href":"https://static.observableusercontent.com/files/68ba7834c093ce193ad9d6a51f12769b02f6f07f2995cafd04fcfb19fff3b3f1372de01924c0f1a7315a7508391a5f4a4de4fa88bee329f2fdc997c51cbfe358","name":"EnglishWordPolar.csv","type":"text/csv","lastModified":1678804965183.585,"size":13280880},{"id":"3279e83fbafdd21dd2fdb0675cb0eeb15522cecc7f3c8a702c5c8f9888e0a83b65b5022aaf99237a5f0b67b753f2a8a0c0ec172ac817e57def2510f34dc182c7","href":"https://static.observableusercontent.com/files/3279e83fbafdd21dd2fdb0675cb0eeb15522cecc7f3c8a702c5c8f9888e0a83b65b5022aaf99237a5f0b67b753f2a8a0c0ec172ac817e57def2510f34dc182c7","name":"data2.csv","type":"text/csv","lastModified":1678804965183.585,"size":573},{"id":"7b4e2d9c15781264517865796c59b074aefd79f7492715f11bbf63b442cceb22b8876fc6137519d27d93d0e1e39737bc6b0f7b456a6230472911a341aceaea26","href":"https://static.observableusercontent.com/files/7b4e2d9c15781264517865796c59b074aefd79f7492715f11bbf63b442cceb22b8876fc6137519d27d93d0e1e39737bc6b0f7b456a6230472911a341aceaea26","name":"polardist_image@3.csv","type":"text/csv","lastModified":1678804965183.585,"size":7609351}] 30:{"title":"HCI Fork of \"Universal Character Language\" Prototype - EMOJI","cells":[{"id":0,"value":"md`# HCI Fork of \"Universal Character Language\" Prototype - EMOJI`\n\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":4293,"value":"call7 = html` Spin the wheels with the sliders to explore the data. Put the icons in the triangle.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":5361,"value":"viewof favorite = Inputs.radio(teams, {value: teams[1], label: \"Pick how many wheels you want:\", format: x => x.name})","pinned":false,"hidden":false,"mode":"ojs"},{"id":5431,"value":"viewof Wheels = Inputs.form([\n Inputs.range([0, 360], {value: 360, step: 0.1, label: html`Spin Wheel 1`, disabled: favorite.truth[0], width:750 }),\n Inputs.range([0, 360], {value: 360, step: 0.1, label: html`Spin Wheel 2`, disabled: favorite.truth[1], width:750}),\n Inputs.range([0, 360], {value: 360, step: 0.1, label: html`Spin Wheel 3`, disabled: favorite.truth[2], width:750}),\n Inputs.range([0, 360], {value: 360, step: 0.1, label: html`Spin Wheel 4`, disabled: favorite.truth[3], width:750})\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":5490,"value":"viewof views = Inputs.radio(views2, {value: views2[0], label: \"Pick how many images you want:\", format: x => x.name})","pinned":false,"hidden":false,"mode":"ojs"},{"id":4803,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":1697,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":5287,"value":"import {checkbox} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":4777,"value":"file = FileAttachment(\"EnglishWordPolarSmall.csv\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":5206,"value":"file2 = FileAttachment(\"EnglishWordPolar.csv\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":4783,"value":"words = d3.csvParse(await file.text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":5209,"value":"words2 = d3.csvParse(await file2.text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":5659,"value":"alethiometer = d3.range(360)","pinned":false,"hidden":false,"mode":"ojs"},{"id":43,"value":"// This is the primordial dyad, the first differentiation, represented by 0 and 1\nsyzygy = [symbols[0],symbols[1] ]","pinned":false,"hidden":false,"mode":"ojs"},{"id":64,"value":"// This is the second differentiation which completes the tetrad of the four Empedoclean elements\nelements = [symbols[2],symbols[3]]","pinned":false,"hidden":false,"mode":"ojs"},{"id":68,"value":"// This is the third differentiation which achieves the Ogdoad, or the 8 primal realities\nogdoad = [symbols[4],symbols[5],symbols[6],symbols[7]]","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"// This level of differentiation includes birds, bees, flowers and trees and mediates between visible and invisible reality\nbirdsandbees = [symbols[8],symbols[9],symbols[10],symbols[11],symbols[12],symbols[13],symbols[14],symbols[15]]","pinned":false,"hidden":false,"mode":"ojs"},{"id":5852,"value":"data2 = await FileAttachment(\"data2.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":5715,"value":"basevectors = FileAttachment(\"data2.csv\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":5720,"value":"vectorfine = d3.csvParse(await basevectors.text())","pinned":true,"hidden":false,"mode":"ojs"},{"id":5788,"value":"polardist_image3 = await FileAttachment(\"polardist_image@3.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":5729,"value":"imagesnippets = FileAttachment(\"polardist_image@3.csv\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":5731,"value":"allimages = d3.csvParse(await imagesnippets.text())","pinned":true,"hidden":false,"mode":"ojs"},{"id":5305,"value":"import {button} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":201,"value":"Wheel1 = d3.arc()\n .innerRadius(favorite.location[0]+30)\n .outerRadius(favorite.location[0]+70)\n .padRadius(30)\n .padAngle(2 / 30)\n .cornerRadius(6)\n\n \n","pinned":false,"hidden":false,"mode":"ojs"},{"id":327,"value":"Divisio1 = d3.pie()\n .startAngle(3.14159265353238/2*3)\n .endAngle(3.14159265353238*9/2)\n .value(d => d.number)\n (syzygy)","pinned":false,"hidden":false,"mode":"ojs"},{"id":5609,"value":"counter888 = {\n let i;\n yield i = 0;\n while (i<180) yield Promises.delay(20, ++i);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":197,"value":"Wheel2 = d3.arc()\n .innerRadius(favorite.location[1]+73)\n .outerRadius(favorite.location[1]+110)\n .padRadius(30)\n .padAngle(2 / 30)\n .cornerRadius(6)\n\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":433,"value":"Divisio2 = d3.pie()\n .value(d => d.number)\n (elements)","pinned":false,"hidden":false,"mode":"ojs"},{"id":194,"value":"Wheel3 = d3.arc()\n .innerRadius(favorite.location[2]+113)\n .outerRadius(favorite.location[2]+150)\n .padRadius(30)\n .padAngle(2 / 30)\n .cornerRadius(6)\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":435,"value":"Divisio3 = d3.pie()\n .value(d => d.number)\n (ogdoad)","pinned":false,"hidden":false,"mode":"ojs"},{"id":186,"value":"Wheel4 = d3.arc()\n .innerRadius(favorite.location[3]+153)\n .outerRadius(favorite.location[3]+190)\n .padRadius(30)\n .padAngle(2 / 30)\n .cornerRadius(6)","pinned":false,"hidden":false,"mode":"ojs"},{"id":437,"value":"Divisio4 = d3.pie()\n .value(d => d.number)\n (birdsandbees)","pinned":false,"hidden":false,"mode":"ojs"},{"id":5666,"value":"favorite","pinned":true,"hidden":false,"mode":"ojs"},{"id":183,"value":"Wheel5 = d3.arc()\n .innerRadius(favorite.inside)\n .outerRadius(favorite.outside)\n .padRadius(30)\n .padAngle(2 / 30)\n .cornerRadius(6)","pinned":false,"hidden":false,"mode":"ojs"},{"id":439,"value":"Divisio5 = d3.pie()\n .value(1)\n (alethiometer)","pinned":false,"hidden":false,"mode":"ojs"},{"id":180,"value":"Wheel6 = d3.arc()\n .innerRadius(233)\n .outerRadius(270)\n .padRadius(30)\n .padAngle(2 / 30)\n .cornerRadius(6)","pinned":false,"hidden":false,"mode":"ojs"},{"id":494,"value":"Divisio6 = d3.pie()\n .value(d => d.number)\n (people)","pinned":false,"hidden":false,"mode":"ojs"},{"id":5393,"value":"viewof wheels1 = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"Wheel7 = d3.arc()\n .innerRadius(273)\n .outerRadius(310)\n .padRadius(30)\n .padAngle(2 / 30)\n .cornerRadius(6)","pinned":false,"hidden":false,"mode":"ojs"},{"id":3934,"value":"mutable counter4 = 0;","pinned":true,"hidden":false,"mode":"ojs"},{"id":3940,"value":"mutable counter7 = 0;","pinned":true,"hidden":false,"mode":"ojs"},{"id":3938,"value":"mutable counter6 = 0;","pinned":true,"hidden":false,"mode":"ojs"},{"id":3926,"value":"mutable counter3 = 0;","pinned":true,"hidden":false,"mode":"ojs"},{"id":4229,"value":"sheet = { // this is a JS Array of Objects; the key-value pairs consist of the column headers and the cell data\n let sheet =[];\n const url = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vSuH6U3a_e5HJxxguAJjVuNgxyI5wCRd-24f_RyaFE1FeC8HUBFmZVmhcqG74OdO_vPJxGeuwC_s0nh/pub?gid=1094830764&single=true&output=csv\";\n const spreadsheet = await d3.csv(url).then(data => data.forEach(d => sheet.push(d))); // d3.csv returns a Promise\n return sheet;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":4232,"value":"sheetHeadings = Object.keys(sheet[0])","pinned":true,"hidden":false,"mode":"ojs"},{"id":5492,"value":"views2 = [\n {name: \"1 View\", location: [1,0,0,0], truth: [false, true, true, true], place: [1, 99999999, 9999999, 9999999] , color: [\"🔴\",\"\",\"\",\"\"]},\n {name: \"2 Views\", location: [1,1,0,0], truth: [false, false, true, true], place: [1, 1, 9999999, 9999999], color: [\"🔴\",\"🟢\",\"\",\"\"]},\n {name: \"4 Views\", location: [1,1,1,1], truth: [false, false, false, true], place: [1, 1, 1, 1], color: [\"🔴\",\"🟢\",\"🟡\",\"🔵\"]},\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":5359,"value":"teams = [\n {name: \"1 Wheel\", location: [0], truth: [false, true, true, true], inside: 73, outside: 76, triangle1:5, triangle2:70 },\n {name: \"2 Wheels\", location: [0,0], truth: [false, false, true, true], inside: 113, outside: 116, triangle1: 25, triangle2: 110},\n {name: \"3 Wheels\", location: [0,0,0], truth: [false, false, false, true], inside: 153, outside: 156, triangle1: 45, triangle2: 150},\n {name: \"4 Wheels\", location: [0,0,0,0], truth: [false, false, false, false], inside: 193, outside: 196, triangle1: 65, triangle2: 190},\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":4252,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":5285,"value":"viewof wheels = checkbox({\n title: \"Wheels\",\n description: \"Select how many wheels you want to have\",\n options: [\n { value: 0, label: \"1 Wheel\" },\n { value: 0, label: \"2 Wheels\" },\n { value: 0, label: \"3 Wheels\" },\n { value: 0, label: \"4 Wheels\" },\n \n ],\n value: [0],\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":4012,"value":"import { AngleSlider } from '@tomktjemsland/inputs'","pinned":false,"hidden":false,"mode":"ojs"},{"id":4009,"value":"//import { HorizontalStack } from '@tomktjemsland/inputs'","pinned":false,"hidden":false,"mode":"ojs"},{"id":4102,"value":"HorizontalStack = (settings = {}) => {\n if (settings.modules === undefined) return;\n const modules = settings.modules;\n \n const padding = settings.padding === undefined ? 0 : settings.padding;\n const border = settings.border === undefined ? false : settings.border;\n \n const root = d3.create('div')\n .style('display', 'flex')\n .style('flex-direction', 'row')\n .style('margin-right', '200px');\n \n for (let i = 0; i < modules.length; i++) {\n const m = modules[i];\n if (i != 0) m.style.marginLeft = `${padding / 2}px`;\n m.style.marginRight = `${padding / 2}px`;\n root.node().appendChild(m);\n \n if (border && i < modules.length - 1) {\n root.append('div')\n .style('padding-right', '35px')\n .style('margin-left', '35px')\n .style('border-left', '1px solid Grey')\n .style('margin-bottom', '5px') \n }\n }\n \n return root.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":505,"value":"Divisio7 = d3.pie()\n .value(d => d.number)\n (things)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2767,"value":"function filter(values, test) {\n const I = [], n = values.length;\n for (let i = 0; i < n; ++i) {\n if (test(values[i], i, values)) {\n I.push(i);\n }\n }\n return I;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2716,"value":"function take(values, index) {\n return values.constructor.from(index, i => values[i]);\n} //Returns the index of each glyph value","pinned":false,"hidden":false,"mode":"ojs"},{"id":2580,"value":"Call = locations[names.indexOf(place)] //Gives the position of each glyph","pinned":false,"hidden":false,"mode":"ojs"},{"id":5705,"value":"favorite.triangle2","pinned":true,"hidden":false,"mode":"ojs"},{"id":5692,"value":"placement =Math.asin(32.5/favorite.triangle2)*57.2958","pinned":true,"hidden":false,"mode":"ojs"},{"id":2769,"value":"place = d3.merge([\n \n \"🔴\",take(names, filter(positeins, d => d > 360-placement | d < 0+placement)), \n views.color[1], take(names, filter(positeins, d => d > views.location[1]*(180-placement) && d < views.location[1]*(180+placement))), \n views.color[2], take(names, filter(positeins, d => d > views.location[2]*(270-placement) && d < views.location[2]*(270+placement))), \n views.color[3], take(names, filter(positeins, d => d > views.location[2]*(90-placement) && d < views.location[2]*(90+placement)))]\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":5236,"value":"place2 = take(namerhos, filter(positeins, d => d > 360-placement | d < 0+placement))","pinned":false,"hidden":false,"mode":"ojs"},{"id":5988,"value":"place3 = take(namerhos, filter(positeins, d => d > 90-placement && d < 90+placement))","pinned":false,"hidden":false,"mode":"ojs"},{"id":5991,"value":"place4 = take(namerhos, filter(positeins, d => d > 180-placement && d < 180+placement))","pinned":false,"hidden":false,"mode":"ojs"},{"id":5994,"value":"place5 = take(namerhos, filter(positeins, d => d > 270-placement && d < 270+placement))","pinned":false,"hidden":false,"mode":"ojs"},{"id":5779,"value":"finalimage = word[(Math.floor(d3.mean(place2)+(((Math.random()*2)-1)*d3.mean(place2)*0.1)))]","pinned":true,"hidden":false,"mode":"ojs"},{"id":5997,"value":"finalimage2 = word[(Math.floor(d3.mean(place3)+(((Math.random()*2)-1)*d3.mean(place3)*0.1)))]","pinned":true,"hidden":false,"mode":"ojs"},{"id":5999,"value":"finalimage3 = word[(Math.floor(d3.mean(place4)+(((Math.random()*2)-1)*d3.mean(place4)*0.1)))]","pinned":true,"hidden":false,"mode":"ojs"},{"id":6001,"value":"finalimage4 = word[(Math.floor(d3.mean(place5)+(((Math.random()*2)-1)*d3.mean(place5)*0.1)))]","pinned":false,"hidden":false,"mode":"ojs"},{"id":5781,"value":"Math.random","pinned":false,"hidden":false,"mode":"ojs"},{"id":5250,"value":"imagephis = allimages.map (d => d.rho)","pinned":false,"hidden":false,"mode":"ojs"},{"id":5844,"value":"[54158, 66079, 49903, 18786, 3716, 8690, 2874,]","pinned":true,"hidden":false,"mode":"ojs"},{"id":4823,"value":"word = allimages.map (d => d.url)","pinned":false,"hidden":false,"mode":"ojs"},{"id":5753,"value":"namerhos = symbols.map ( d=> d.web)","pinned":false,"hidden":false,"mode":"ojs"},{"id":4794,"value":"names = symbols.map (d => d.name)","pinned":false,"hidden":false,"mode":"ojs"},{"id":5856,"value":"Math.floor(rownumbers[0])","pinned":true,"hidden":false,"mode":"ojs"},{"id":5849,"value":"rownumbers = vectorfine.map(d => d.row)","pinned":false,"hidden":false,"mode":"ojs"},{"id":5793,"value":"vectorimages = vectorfine.map(d => d.rho)","pinned":false,"hidden":false,"mode":"ojs"},{"id":4817,"value":"chart5.update(place)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2564,"value":"glyphein = symbols.map (d => d.glyph)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2568,"value":"positeins = symbols.map (d => (360+(d.position))%360) //creates an array of the position of each glyph mod 360 ","pinned":false,"hidden":false,"mode":"ojs"},{"id":4825,"value":"rhos = allimages.map (d => d.rho)","pinned":false,"hidden":false,"mode":"ojs"},{"id":5215,"value":"phis = symbols.map (d => d.number)","pinned":false,"hidden":false,"mode":"ojs"},{"id":3922,"value":"chart5.update(place)","pinned":false,"hidden":false,"mode":"ojs"},{"id":3936,"value":"mutable counter5 = 0;","pinned":true,"hidden":false,"mode":"ojs"},{"id":4109,"value":"import { analytics } from '@chrispahm/simple-privacy-friendly-web-analytics'","pinned":true,"hidden":false,"mode":"ojs"},{"id":4111,"value":"analytics(html``.href)","pinned":true,"hidden":false,"mode":"ojs"},{"id":3924,"value":"mutable counter2 = 0;","pinned":true,"hidden":false,"mode":"ojs"},{"id":23,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W35","stdlib":"1","titling":"auto"}