2f:null 30:["$","title",null,{"children":"Friction & Interpolation—Collaboration | Sundar Singh | Observable"}] 35:T816,viewof positions = { const values = axes.map(() => 0); const style = html``; const rows = axes.map((a, i) => { const input = html``; input.addEventListener("input", () => { values[i] = +input.value; form.dispatchEvent(new Event("input")); }); return html`

${a.top}

${input}

${a.bottom}

`; }); const form = html`

${style} ${rows}

positional markers only — both poles equally valid

`; form.value = values; return form; }36:T585,html`

Grey = plotted frame reference. Black = machine path to be plotted.

`37:T784,viewof participantResponses = { const style = html``; const fields = { q1: "", q2: "", q3: "", q4: "" }; const make = (key, label, rows = 3, placeholder = "") => { const el = html`

${label}

`; el.querySelector("textarea").addEventListener("input", (e) => { fields[key] = e.target.value; form.dispatchEvent(new Event("input")); }); return el; }; const form = html`

${style}

participant responses

${make( "q1", "1. When you drew the line, what were you following?", 3, "their words, as verbatim as possible" )} ${make( "q2", "2. Setting the sliders — how close did it feel to what your hand did?", 3 )} ${make( "q3", "3. Looking at the machine's line — where does it surprise you?", 3 )} ${make("q4", "4. Which line is more authentic to your stance? & why?", 3)}

`; form.value = fields; return form; }38:Te9a,viewof sessionNotes = { const style = html``; const fields = { participant_id: "", age: "", gender: "", profession: "", relationship_vis: "", relationship_making: "", how_here: "", light: "", room: "", arrival: "", first_two: "", character_of_line: "", marking: "", pen: "", encounter: "", one_observation: "", unexpected: "", other: "" }; const text = (key, label, placeholder = "") => { const el = html`

${label}

`; el.querySelector("input").addEventListener("input", (e) => { fields[key] = e.target.value; form.dispatchEvent(new Event("input")); }); return el; }; const area = (key, label, rows = 2, placeholder = "") => { const el = html`

${label}

`; el.querySelector("textarea").addEventListener("input", (e) => { fields[key] = e.target.value; form.dispatchEvent(new Event("input")); }); return el; }; const form = html`

${style}

who they are

${text("participant_id", "Participant ID", "e.g. P01")} ${text("age", "Age", "")} ${text("gender", "Gender", "")} ${text("profession", "Profession / domain", "what they do")} ${text( "relationship_vis", "Relationship to data vis", "none / adjacent / practitioner" )} ${text( "relationship_making", "Relationship to making", "physical practice, craft, tools" )} ${text( "how_here", "How they came to be here", "referred, friend, colleague…" )}

before — setting

${text("light", "Light & weather", "")} ${text("room", "Room state", "")} ${text("arrival", "How they arrived", "energy, mood, pace")} ${area( "first_two", "First two minutes", 2, "before the session formally began" )}

during — observation

${area( "character_of_line", "Character of the line", 2, "hesitant, committed, slow in middle, lifts at ends…" )} ${area("marking", "Marking", 2, "did they hesitate? pause? commit?")} ${text("pen", "Pen choice", "anything said or notable")} ${area( "encounter", "Encounter with machine line", 2, "silence, surprise, recognition, indifference?" )}

after — reflection

${area( "one_observation", "One specific observation", 3, "the thing particular to this person" )} ${area("unexpected", "Anything unexpected", 2, "")} ${area("other", "Other notes", 2, "")}

`; form.value = fields; return form; }39:T4b4,sessionData = ({ participant: participantName, date: sessionDate ? sessionDate.toISOString().slice(0, 10) : "", pen_colour: penColour, positions: axes.map((a, i) => ({ top: a.top, bottom: a.bottom, value: positions[i] })), responses: { following: participantResponses.q1, sliders_feel: participantResponses.q2, machine_surprise: participantResponses.q3, authenticity: participantResponses.q4 }, profile: { participant_id: sessionNotes.participant_id, age: sessionNotes.age, gender: sessionNotes.gender, profession: sessionNotes.profession, relationship_vis: sessionNotes.relationship_vis, relationship_making: sessionNotes.relationship_making, how_here: sessionNotes.how_here }, scene: { light: sessionNotes.light, room: sessionNotes.room, arrival: sessionNotes.arrival, first_two: sessionNotes.first_two, unexpected: sessionNotes.unexpected }, observations: { character_of_line: sessionNotes.character_of_line, marking: sessionNotes.marking, encounter: sessionNotes.encounter, pen: sessionNotes.pen, one_observation: sessionNotes.one_observation, other: sessionNotes.other } })3a:[] 33:{"id":"fd6b8a0840cc128c","slug":"interpolation-collab","title":"Friction & Interpolation—Collaboration","thumbnail":"02a0479f3e8005848913299cd3855ec91b0438682db75ca0f4455b0898e4e7aa","access_level":"unlisted","create_time":"$D2026-02-24T17:58:37.742Z","update_time":"$D2026-03-13T11:57:17.319Z","view_time":null,"first_public_time":null,"has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"956970941b62fd35","login":"eesur","name":"Sundar Singh","avatar_url":"https://avatars-next.observableusercontent.com/4c0ac1264472f5654ef5be9ac3d11d1d313563e2999527c3b515373567f637fb","tier":"starter_2024"},"version":143,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"07656ab2121ed222","login":"eesur","name":"Sundar Singh","avatar_url":"https://avatars-next.observableusercontent.com/4c0ac1264472f5654ef5be9ac3d11d1d313563e2999527c3b515373567f637fb","tier":null}],"members":[{"type":"individual","id":"07656ab2121ed222","login":"eesur","name":"Sundar Singh","avatar_url":"https://avatars-next.observableusercontent.com/4c0ac1264472f5654ef5be9ac3d11d1d313563e2999527c3b515373567f637fb","tier":null,"role":"editor"},{"type":"team","id":"956970941b62fd35","login":"eesur","name":"Sundar Singh","avatar_url":"https://avatars-next.observableusercontent.com/4c0ac1264472f5654ef5be9ac3d11d1d313563e2999527c3b515373567f637fb","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"efc85d7261568cb5","slug":"ma-cc-interpolation","title":"MA-CC-interpolation","owner":{"id":"956970941b62fd35","login":"eesur","name":"Sundar Singh"}},"type":"notebook","body":{"title":"Friction & Interpolation—Collaboration","cells":[{"id":0,"value":"# Friction & Interpolation—Collaboration\n\nNine axes mapping practice position. Participant marks first, machine responds on the same sheet.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":55,"value":"### Positions — ${participantName || \"_(add name above)_\"} · ${sessionDate ? sessionDate.toISOString().slice(0, 10) : \"_(add date above)_\"}","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":8,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"Inputs.table(\n pathPoints.map((pt) => ({\n axis: `${pt.axis.top} ↔ ${pt.axis.bottom}`,\n value: pt.value.toFixed(2),\n pole:\n pt.value < -0.1\n ? `↑ ${pt.axis.top}`\n : pt.value > 0.1\n ? `↓ ${pt.axis.bottom}`\n : \"centre\"\n }))\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"------------------------\n\n### Session notes","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":28,"value":"viewof participantName = Inputs.text({\n label: \"Participant\",\n placeholder: \"First name or identifier\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"viewof sessionDate = Inputs.date({ \n label: \"Session date\", \n value: new Date() \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"viewof penColour = Inputs.text({\n label: \"Pen colour chosen\",\n placeholder: \"e.g. light blue blue\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"-----------------\n\n### My research notes: ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":101,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"----------------------","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":57,"value":"### Export\nDownload the plotter file — open in Inkscape alongside the template, send to AxiDraw.","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":37,"value":"html`\n ↓ Download SVG for AxiDraw\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"html`\n \n ↓ Download session JSON\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"$39","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"exportSVG = `\n\n \n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"axes = [\n { id: 0, top: \"making\", bottom: \"reflecting\" },\n { id: 1, top: \"slow\", bottom: \"fast\" },\n { id: 2, top: \"alone\", bottom: \"together\" },\n { id: 3, top: \"hand\", bottom: \"automation\" },\n { id: 4, top: \"constraint\", bottom: \"freedom\" },\n { id: 5, top: \"tacit\", bottom: \"explicit\" },\n { id: 6, top: \"repeat\", bottom: \"vary\" },\n { id: 7, top: \"analogue\", bottom: \"digital\" },\n { id: 8, top: \"depth\", bottom: \"breadth\" }\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"svgCoords = ({\n viewBox: \"0 0 1587.4016 1122.5197\",\n width: 1587.4016,\n height: 1122.5197,\n axisX: [\n 345.23, 457.35, 569.47, 681.59, 793.69, 905.81, 1017.93, 1130.05, 1242.17\n ],\n yTop: 249.7,\n yBottom: 867.63,\n yCentre: 561.26\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"function positionToY(p) {\n const t = p + 0.5;\n return svgCoords.yTop + t * (svgCoords.yBottom - svgCoords.yTop);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"pathPoints = positions.map((p, i) => ({\n x: svgCoords.axisX[i],\n y: positionToY(p),\n axis: axes[i],\n value: p\n}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"polylinePoints = pathPoints\n .map((pt) => `${pt.x.toFixed(3)},${pt.y.toFixed(3)}`)\n .join(\" \")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3a","stdlib":"1","titling":"auto"}} 34:"$33:body"