2f:null 30:["$","title",null,{"children":"Tales From the Romeo and Juliet Phase Space | Toph Tucker | Observable"}] 35:Tff4,viewof traceDeterminant = { const w = 150 const h = 100 const svg = d3.select(this || DOM.svg(w, h)).attr("class", "control-box t-d") const line = d3.line() const x = d3.scaleLinear().domain([-0.015, 0.015]).range([-w/2,w/2]) const y = d3.scaleLinear().domain([-0.000055, 0.000055]).range([h/2,-h/2]) let trace = R_heart[0] + J_heart[0] let determinant = R_heart[0] * J_heart[0] - R_heart[1] * J_heart[1] svg.property("value", [trace, determinant]).dispatch("input") let discriminant = d3.range(x.domain()[0], x.domain()[1] + 0.001, 0.001) .map(d => [x(d), y(Math.pow(d,2) / 4)]) // INITIAL BUILD var g = svg.selectAll("g.inner") .data([0]) .enter() .append("g") .attr("class", "inner") .attr("transform", "translate(" + w/2 + "," + h/2 + ")") g.append("path").attr("class", "x axis").attr("d", line([[-w/2,0],[w/2,0]])) g.append("path").attr("class", "y axis").attr("d", line([[0,-h/2],[0,0]])) g.append("rect").attr("class", "frame") .attr("x", -w/2) .attr("y", -h/2) .attr("width", w) .attr("height", h) g.append("text").attr("x", x(0)).attr("y", y(0.000015)).attr("dy", ".3em").text("CENTER") g.append("text").attr("x", x(-0.011)).attr("y", y(0.000007)).attr("dy", ".3em").text("SINK") g.append("text").attr("x", x(0.011)).attr("y", y(0.000007)).attr("dy", ".3em").text("SOURCE") g.append("text").attr("x", x(0)).attr("y", y(-0.000025)).attr("dy", ".3em").text("SADDLE") g.append("text").attr("x", x(-0.005)).attr("y", y(0.00004)).attr("dy", ".3em").text("SPIRAL") g.append("text").attr("x", x(-0.005)).attr("y", y(0.00004)).attr("dy", "1.3em").text("SINK") g.append("text").attr("x", x(0.005)).attr("y", y(0.00004)).attr("dy", ".3em").text("SPIRAL") g.append("text").attr("x", x(0.005)).attr("y", y(0.00004)).attr("dy", "1.3em").text("SOURCE") g.append("text").attr("class", "prose one").attr("x", w + 50).attr("y", -7) g.append("text").attr("class", "prose two").attr("x", w + 50).attr("y", 13) g.append("path").attr("class", "focus line1") g.append("path").attr("class", "focus line2") g.append("path").datum(discriminant) .attr("class", "discriminant") .attr("d", line) g.append("circle").attr("r", 3) g.append("clipPath").attr("id", "focal-circle") .append("circle") .attr("r", 50) let s = g.append("g").attr("class", "focus") .attr("transform", `translate(${w-10},0)`) .attr("clip-path", "url(#focal-circle)") s.append("circle") .attr("r", 50) // render s = svg.select("g.focus") drawStreamlines(100,100,s) svg.select("circle") .attr("cx", x(trace)) .attr("cy", y(determinant)) svg.select("path.focus.line1").datum([[x(trace),y(determinant)-3],[w-10,-50]]).attr("d", line) svg.select("path.focus.line2").datum([[x(trace),y(determinant)+3],[w-10,50]]).attr("d", line) let proseOne = "" let proseTwo = "" if(determinant < 0) { // saddle proseOne = `${R_name} and ${J_name} could tip either way` proseTwo = `depending on where they start` } else { let spiral = determinant > Math.pow(trace, 2) / 4 if(Math.abs(trace) <= 0.001) { // center proseOne = `${R_name} and ${J_name} cycle through phases` proseTwo = `of love and hate forever` } else if(trace < 0) { if(spiral) { // spiral sink proseOne = `${R_name} and ${J_name} spiral through cycles of` proseTwo = `love and hate toward mutual apathy` } else { // sink proseOne = `${R_name} and ${J_name} lose their passion` proseTwo = `and sink toward mutual apathy` } } else if(trace > 0) { if(spiral) { // spiral source proseOne = `${R_name} and ${J_name} spiral away in` proseTwo = `intensifying cycles of love and hate` } else { // source proseOne = `${R_name} and ${J_name} intensify in` proseTwo = `their initial feelings` } } } svg.select("text.prose.one").text(proseOne) svg.select("text.prose.two").text(proseTwo) return svg.node() }36:T1b7a,viewof memory = { const w = width; const h = width; const svg = d3.select(this || DOM.svg(w, h)); const x = d3 .scaleLinear() .domain([0, 1]) .range([0, 1]); const y = d3 .scaleLinear() .domain([0, 1]) .range([0, -1]); const line = d3 .line() .x(d => x(d[0])) .y(d => y(d[1])); let memory = svg.property("value"); if (!memory) { memory = []; memory.state = { R: rand(), J: rand(), t: now }; memory.done = true; memory.grafIndex = 0; svg.property("value", memory); } let g = svg.selectAll("g.plane").data([memory.state]); let gEnter = g .enter() .append("g") .attr("class", "plane") .attr("transform", `translate(${w / 2},${h / 2})`); let defs = gEnter.append("defs"); gEnter .selectAll("path.axis") .data([[[-w / 2, 0], [w / 2, 0]], [[0, -h / 2], [0, h / 2]]]) .enter() .append("path") .attr("class", "axis") .attr("d", line); gEnter.append("g").attr("class", "streamlines"); gEnter.append("circle").attr("class", "pointer-hover"); var point = gEnter.append("g").attr("class", "relationship"); point.append("path").attr("class", "x"); point.append("path").attr("class", "y"); point .append("circle") .attr("r", "4") .style("visibility", "hidden"); point .append("text") .attr("class", "face x") .attr("dy", ".3em") .attr("dx", "-.5em"); point .append("text") .attr("class", "face y") .attr("dy", ".3em") .attr("dx", "-.5em"); point .append("text") .attr("class", "prose x") .attr("dy", ".3em") .style('text-anchor', 'middle'); point .append("text") .attr("class", "prose y") .attr("dy", ".3em") .attr("dx", "-.5em"); g = g.merge(gEnter); point = g.select("g.relationship"); defs = svg.select("defs"); drawStreamlines(w, h, g.select("g.streamlines")); svg.on("click", function() { svg .select("defs") .selectAll(".memoryline") .remove(); svg .select("g.plane") .selectAll(".memoryline") .remove(); svg.select("g.relationship circle").style("visibility", "visible"); svg .select(".pointer-hover") .transition() .attr("r", 2) .attr("opacity", 0); const m = d3.mouse(this); memory = []; memory.state = { R: m[0] - w / 2, J: -(m[1] - h / 2), t: now }; memory.grafIndex = 0; svg.property("value", memory).dispatch("input"); }); svg.on("mousemove", function() { if (!memory.done) return; const mouse = d3.mouse(g.node()); svg .select(".pointer-hover") .attr("cx", mouse[0]) .attr("cy", mouse[1]) .attr("r", 10) .attr("opacity", 1); }); // there's gotta be a better way to do this… while (!memory.done) { memory.state = { R: memory.state.R + R_heart[0] * memory.state.R + R_heart[1] * memory.state.J, J: memory.state.J + J_heart[1] * memory.state.R + J_heart[0] * memory.state.J, t: now }; if ( !memory.length || memory.state.t - memory[memory.length - 1].t > sampleRate ) { let textSoFar = memory.map(m => m.text); let prev = memory.length && memory[memory.length - 1]; let rChange = memory.length && memoryScale(prev.R) !== memoryScale(memory.state.R); let jChange = memory.length && memoryScale(prev.J) !== memoryScale(memory.state.J); let possibleTexts = []; if (rChange || jChange) { let changedPerson = rChange ? 'R' : 'J'; if (rChange && jChange) { let dr = Math.abs(memory.state.R - prev.R); let dj = Math.abs(memory.state.J - prev.J); changedPerson = dr > dj ? 'R' : 'J'; } let args = changedPerson == 'R' ? [ R_name, Rp, J_name, Jp, memory.state.R, memory.state.J, R_heart[0], R_heart[1] ] : [ J_name, Jp, R_name, Rp, memory.state.J, memory.state.R, J_heart[0], J_heart[1] ]; let transition = transitions.apply(this, args).filter(t => t.predicate); if (transition.length) { possibleTexts = transition[0].text.map(t => '\n\n' + t); } memory.grafIndex = 0; } else { memory.grafIndex = memory.grafIndex + 1; possibleTexts = possibleWorlds.filter( d => d.R == memoryScale(memory.state.R) && d.J == memoryScale(memory.state.J) )[0].text; } possibleTexts = possibleTexts.filter(t => textSoFar.indexOf(t) === -1); let text = ""; if ( possibleTexts.length && (memory.grafIndex < 5 || Math.random() < continuationProbability) ) { text = possibleTexts[Math.floor(Math.random() * possibleTexts.length)]; } else { text = "\n\nThe end."; memory.done = true; } memory.push({ R: memory.state.R, J: memory.state.J, t: memory.state.t, text: text }); defs .append("path") .attr("id", `text${memory.length}`) .attr("class", "memoryline") .attr( "d", line(getNormalLineFromPoint(memory.state.R, memory.state.J)) ); g.append("text") .attr("class", "memoryline") .append("textPath") .attr("xlink:href", `#text${memory.length}`) .text(deMd(text)) .attr("startOffset", "100%") .transition() .duration(500) .attr("startOffset", "0%"); } svg.property("value", memory).dispatch("input"); // labelings lines and text and emoji point.attr( "transform", `translate(${x(memory.state.R)},${y(memory.state.J)})` ); point.select('path.x').attr('d', line([[0, 0], [-memory.state.R, 0]])); point.select('path.y').attr('d', line([[0, 0], [0, -memory.state.J]])); point .select('text.face.x') .attr("x", 0) .attr("y", y(-memory.state.J)) .text(feelingScaleEmoji(memory.state.R)); point .select('text.face.y') .attr("x", x(-memory.state.R)) .attr("y", 0) .text(feelingScaleEmoji(memory.state.J)); point .select('text.prose.x') .attr("x", 0) .attr("y", y(-memory.state.J)) .attr("dy", 0.3 + (memory.state.J > 0 ? 1.2 : -1.2) + 'em') .text(`${R_name} ${feelingScale(memory.state.R)} ${J_name}`); point .select('text.prose.y') .attr("x", x(-memory.state.R)) .attr("y", 0) .style('text-anchor', memory.state.R > 0 ? 'end' : 'start') .attr('dx', (memory.state.R < 0 ? 1.2 : -1.2) + 'em') .text(`${J_name} ${feelingScale(memory.state.J)} ${R_name}`); yield svg.node(); } yield svg.node(); }37:T1762,md`## Afterword > “Metaphors are dangerous. Metaphors are not to be trifled with.” > _—Milan Kundera_ I’ve now [twice](https://bl.ocks.org/tophtucker/214ee520bfdfe8baabe5) put a lot of weight on a one-page classroom exercise prompt that may not have been intended to be load-bearing. Strogatz concludes the note with ideas for extending the metaphor; you learn by playing with the model, not just within it. It’s worth [reading in full](http://ai.stanford.edu/~rajatr/articles/SS_love_dEq.pdf); here’s the last paragraph: > “Additional complications may be introduced in the name of realism or mathematical interest. Nonlinear terms could be included to prevent the possibilities of unbounded passion or disdain. Poets have long suggested that the equations should be nonautonomous (‘In the spring, a young man’s fancy lightly turns to thoughts of love’—Tennyson). Finally, the term ‘many-body problem’ takes on new meaning in this context.” Attempting to turn solutions into narrative prose forces you to reckon with these features and limits. The abstractness makes for an interesting exercise in empathy! Writing without pronouns is a hell of a test of one’s implicit biases. And writing characters with no identity except their conditions and how they react to them tests the principle that everyone else is just _you_, at a different time. Some properties of this second-order linear system: - Because it’s autonomous (i.e. it doesn’t depend on time), it’s memoryless: an amnesiac waking up in love is indistinguishable from an 80-year-old man finally attaining it; the fifth pass over a point on the plane will always go the same way as the first four. None of the text can reference any past event! No past regrets can ruin future chances, and no past joys can amount to anything more than pleasure in the moment! (In some sense I guess it is ergodic, where life is not?) - Because it’s linear (the change in feeling at every moment is just the sum of scaled feelings), the only stable point is the exact center; things are slow near there, and get faster as you go farther out. The inertness of indifference is sort of intuitive, but it seems odd that here they can go forward faster and faster without bound! Here all relationships either converge to apathy, orbit perfectly equidistant from apathy, or diverge to infinitely intensifying emotions. I couldn’t easily write for the last case, so many stories just stop. - Because it’s a closed system with only two terms (nothing depends on anything other than ${R_name} or ${J_name}), nobody can come between them — and nothing is anyone’s fault but theirs. So it makes an excellent classroom exercise, a fine Internet toy, and a poor model for life. Not that you’d even be tempted! Or that that could ever be mistaken for being the point! I obviously love Strogatz’s note; I only feel guilty about my own overextension of it. > “In her sufferings she read a great deal and discovered that she had lost something, the possession of which she had previously not been much aware of: a soul. What is that? It is easily defined negatively: it is simply what curls up and hides when there is any mention of algebraic series.” > _—Robert Musil_ This all starts to sound like a Zoolander “three times bigger” joke, but of course the real issue with this has nothing to do with autonomy or linearity or ergodicity. It’s just that _any_ exercise in modeling this evokes a dark strain of thought. Suppose ${Romeo}, who doesn’t actually know that ${Juliet}’s feeling can be quantified as “${memory.state.J.toFixed(5)}” (whatever that means), instead has to build a model in ${Rp[2]} mind of how he _believes_ ${Juliet} to behave, from only observing ${Jp[2]} actions, and imagines that ${Jp[0]} has a similar model for ${Rp[1]}, and decides that ${Jp[0]} has a ${J_heart[1] > 0 ? 'positive' : 'negative'} coefficient in front of the term for ${Rp[2]} affection for ${Jp[1]}, and ${Romeo}’s been reading about pickup artistry on Reddit, and decides that ${Rp[0]} can just ${J_heart[1] > 0 ? 'flatter' : 'neg'} ${Juliet} until ${Jp[0]} likes ${Rp[1]}. Assuming some knowable stationary model, a bird’s eye view of the system, a set of levers — it sounds so creepy! So really a realistic model has to imagine that people are inferring the nature of others’ models of others, and may be repulsed by the model itself. My feelings for you depend on how I think you think my feelings behave. At some point you may start to wonder whether it may be a mistake to even think it coherent to attempt a compact pre-statement of the problem, [à la Kauffman](https://www.edge.org/response-detail/23801) — or whether, even if the process is deterministic, it may be so irreducibly complex that it cannot be decided any faster than it is lived, [à la Wolfram](http://www.wolframscience.com/nks/chap-12--the-principle-of-computational-equivalence/). Or! Or you could refuse to instrumentalize the sublime and subordinate it to your radical skepticism, and instead adopt as an axiomatic article of faith that you have direct access to the truth of another’s love, and act accordingly by a deontology of virtue. > “When we are thrust out into the world just as we are, we first have to identify with that particular throw of the dice, with that accident organized by the divine computer: to get over our surprise that precisely this (what we see facing us in the mirror) is our self. Without the faith that our face expresses our self, without that basic illusion, that arch-illusion, we can not live or at least we cannot take life seriously. And it isn’t enough for us to identify with our selves, it is necessary to do so passionately, to the point of life and death. Because only in this way we can regard ourselves not merely as a variant of a human prototype but as a being with its own irreplaceable essence.” > _—Milan Kundera_ `38:T30d8,possibleWorlds = [ { R: -1, J: 1, text: [ `Though ${Jp[0]} thought of ${Rp[1]} constantly, ${J_name} texted ${Rp[1]} only when ${Jp[0]} had a particularly good excuse.`, `After work drinks turned into a long night, ${J_name} called ${Rp[1]} from a cab. ${cap(Jp[0])} left only a short, stammered, fragmentary apology on the voicemail.`, `${cap(Rp[0])} didn’t begrudge ${J_name} ${Jp[2]} feelings, but ${Rp[0]} resented the drain.`, `${J_name}’s adoration felt fake to ${Rp[1]}, more like obsession than romance; was there even such a _thing_ as unrequited love?`, `${R_name} felt guilty and sometimes overcompensated by reaching out with what ${Rp[0]} saw as magnanimous charity, but ${Jp[0]} interpreted as signs for hope.`, `${R_name} tried to just ignore ${Jp[1]}; _sometimes you have to be mean so as not be cruel_.`, `${R_name} didn’t understand what version of ${Rp[1]}self ${J_name} seemed to have gotten into ${Jp[2]} head, extrapolated from fragments and scrubbed of the memories that didn’t fit.`, `${J_name} bought a book ${Jp[0]} remembered ${R_name} mentioning once. ${cap(Jp[0])} watched a movie ${Rp[0]}’d talked about, alone.`, `In lieu of talking to ${Rp[1]} directly, ${J_name} made ${Jp[2]} friends listen to stories and ideas and thoughts that, in ${Jp[2]} mind, were really directed at ${R_name}.`, `Sometimes ${R_name} just wanted ${Jp[1]} to fail.`, `${cap(Jp[0])} bundled up in like six layers and a scarf and braced against the cold unloving wind.`, `The memory of the hours when ${Jp[0]} was alone and thinking about ${Rp[1]} took the place of actual memories.`, `${J_name} wasn’t trying to make ${Rp[2]} life harder, but ${Jp[0]} was ready to go down with this ship.`, ] }, { R: 0, J: 1, text: [ `${cap(Rp[0])} saw ${Jp[1]} watching ${Rp[1]}, and registered it with interest if not reciprocation.`, `${J_name} peppered ${Rp[1]} with questions just to see how ${Rp[0]}’d react.`, `${R_name} didn’t want to disappoint ${Jp[1]} or lead ${Jp[1]} on.`, `When ${Rp[0]} bumped into ${Jp[1]}, ${Jp[0]} proposed lunch.`, `${cap(Rp[0])} didn’t know what ${Jp[0]} wanted.`, `${J_name} told ${Rp[1]} all the things ${Rp[0]} could do with ${Rp[2]} life.`, `${cap(Jp[2])} laugh surprised ${Rp[1]}.`, `When ${Jp[0]} laughed ${R_name} felt far away from ${Jp[1]}.`, `${cap(Jp[0])} saw ${Rp[2]} name on ${Jp[2]} lock screen and froze; _${R_name.split("").join(" ")}_… ${Jp[0]} wondered if any other name could sound as sweet.`, `${R_name} found ${Rp[2]} own name ridiculous, refused to merge with it, didn’t see what ${J_name} saw in it.`, `The air was cold.`, `“I don’t think you realize how much…”`, `${J_name} waved: “Come on!”`, `“You can stay if you want to.”`, `For ${Jp[1]} ${R_name} seemed to stand where otherwise there was something missing.`, `With ${Rp[1]} ${J_name} felt, despite the world, despite the pain, that this was one of the moments for the sake of which God had created the earth.`, `“${R_name}, take me somewhere we can be alone.”`, `${cap(Jp[0])} brought ${Rp[1]} a blanket.`, `“You all right?”`, ] }, { R: 1, J: 1, text: [ `They sat face to face until eye contact became a staring contest.`, `“Yes, exactly, that’s so true!”`, `After last call, when they finally got kicked out onto the dark street, neither made any motion to leave or say goodbye.`, `They walked to the water, content with nothing but the extremest limit of the land.`, `They stood back to back carrying on their separate conversations in polyphonous unison.`, `${cap(Rp[0])} caught ${Jp[2]} eye.`, `When ${Rp[0]} picked up ${Jp[0]} launched in as if they’d already been talking, and hung up with only the slightest indication of a goodbye.`, `Their texts were mostly negative space, crescendoing to a gap of time, abruptly returning to trail off with addenda and reminders.`, `They treaded water in wandering orbits.`, `The birds chirped and the flowers bloomed and the sun carried a rose between its teeth, and the rose was singing an aria.`, `They went hours without noticing they’d lost cell service in the hills.`, `They talked about the future.`, `The city swirled in eddies around them as they stood fast on the corner.`, `Their gaze strung a line so taut no others dared walk between it.`, `${cap(Jp[0])} laughed at what ${Rp[0]} was about to say.`, `“We’re lucky.”`, `${R_name} could hear ${Jp[2]} heart beating, and ${Jp[0]} could hear ${Rp[2]}, the human noise of neither one moving.`, `“I understand you. I know what you want. I’ve taken care of everything. You’ll see when you get up there.”`, `The time was hardly profaned by speech.`, `They felt like fellow-travelers on the same road.`, `Much as they disavowed so vain a trope, they still harbored the conviction that no other couple was quite like them.`, `_Do you love me? Do you see the same truth?_`, `There was a good, new smell in the air.`, ] }, { R: -1, J: 0, text: [ `${cap(Rp[0])} simmered at what ${Rp[0]} saw as ${Jp[2]} indifference.`, `${J_name} hoped ${Rp[0]} didn’t hate ${Jp[1]}.`, `${J_name} hated to see ${Rp[1]} like this.`, `“Maybe I should go.”`, `When ${Jp[0]} saw a missed call from ${Rp[1]} ${Jp[0]} knew it must have been an accident, but texted anyway to check.`, `${cap(Rp[0])} hit skip instinctively on a song.`, `“I wish you’d told me that when…”`, `“I’m sorry.”`, `${cap(Jp[0])} existed at the periphery of ${R_name}’s life like a squatter ${Rp[0]} ached to expel.`, `The past was not even a memory.`, `The old places lit up ${Rp[2]} dosimeter like a Christmas tree, unsafe for prolonged exposure.`, ] }, { R: 0, J: 0, text: [ `They sat in different chairs in different cafés, not facing each other, not speaking, not thinking of one another, in parallel existences of total indifference.`, `${R_name} and ${J_name} still spoke from time to time. “How are you?” “How’s work?”`, `${cap(Rp[0])} walked past the spot and felt only a dim glimmer of involuntary memory.`, `${cap(Jp[0])} overheard ${Rp[2]} name and blinked.`, `Dusk lasted all day.`, `Long shadows reached every corner.`, `“Things have been crazy lately.”`, `${J_name} arrived early to work and left late.`, `${R_name} read a very long book.`, `The ice melted.`, `${cap(Jp[0])} couldn’t remember the last time ${Rp[0]}’d surprised ${Jp[1]}.`, `${cap(Rp[0])} knew ${Jp[1]} too well.`, `${R_name} took a GMAT class.`, `What they had on their hands was a dead shark.`, ] }, { R: 1, J: 0, text: [ `${cap(Rp[0])} savored ${Jp[2]} unanswered texts.`, `${J_name} found it harder and harder to keep up a reasonable level of friendly conversation.`, `${J_name} didn’t want it, ${Jp[0]}’d rather have avoided it, and yet it came to pass, and only confirmed what ${Jp[0]}’d already imagined.`, `The moment ${J_name} walked in ${Jp[0]} knew ${Jp[0]} was in for a grim evening.`, `Standing by the window ${Rp[0]} deliberated.`, `Timing was everything.`, `“I thought you knew.”`, `${cap(Jp[0])} offered a hesitant smile.`, `${cap(Rp[0])} kept ${Jp[2]} old scarf, from that very first week.`, `For ${R_name} the profane was sanctified by ${Jp[2]} touch.`, `${R_name} hijacked ${Jp[2]} ear with “It’s exactly the same with me, I...”`, `${R_name} said something as if it meant the world to ${Rp[1]} and looked at ${Jp[1]} as if ${Rp[0]} thought ${Rp[0]} knew ${Jp[0]}’d feel the same.`, `${cap(Rp[0])} waited for ${Jp[2]} laugh.`, `${R_name} fretted. _Please don’t be in love with someone else._`, `${cap(Jp[0])} forgot ${R_name} had already told ${Jp[1]}.`, `${R_name} was happy and excited to hold ${Jp[1]} close to ${Rp[1]}, while ${Jp[2]} mind was elsewhere.`, `${cap(Jp[0])} understood that ${Rp[0]} loved ${Jp[1]} and this suddenly filled ${Jp[1]} with sadness.`, `${R_name} spent a lot of time having imaginary conversations with ${J_name}; the beginnings repeated an actual memory, but they finished with ${Rp[1]} answering more cleverly.` ] }, { R: -1, J: -1, text: [ `${cap(Rp[0])} deleted a dozen tagged photos.`, `${cap(Jp[0])} stumbled upon an old letter and tossed it.`, `Every sensory muscle ${J_name} had tuned to ${Rp[1]} turned to avoidance.`, `When ${J_name} showed up at a party ${Jp[0]} didn’t know ${R_name} was at, the room’s attention reoriented like iron filings in the field of their antipathy.`, `${R_name} imagined ${J_name} hated what they had become, but really ${Jp[0]} just hated ${Rp[1]}.`, `${cap(Rp[0])} hated ${Jp[1]}. ${cap(Jp[0])} hated ${Rp[1]}.`, `${R_name} did feel a connection to ${Jp[1]} — a disturbing, unpleasant, uncomfortable connection.`, `${cap(Rp[0])} sat alone in front of ${Rp[2]} 27-inch iMac.`, `Rain pounded the sidewalk, or window, or rustled the leaves or whatever.`, `Headlights gleamed and tires screeched on the rain-slicked street.`, `Whole tectonic plates of transitive relationships slipped along the fault line.`, `The shortest path between two points took a wide detour around them.`, `I imagine there was thunder, tremendous discharges of built-up differentials.`, `${R_name}’s social life spilled into surrounding territory like a dammed river into the floodplains.`, `${cap(Rp[0])} asked ${Jp[1]} to delete ${Rp[2]} texts.`, `Every lovely memory now seemed to contain in itself the germ of everything terrible to follow.`, `Their love had disappeared as completely as the statue into the lump of clay, such that none could account for its deconstitution except to stammer _What happened to it?_ and _Where did it go?_`, `${R_name} could barely identify with the ${R_name} who had loved ${J_name}.`, `${J_name} cursed ${Jp[2]} star-crossed eigenvectors.` ] }, { R: 0, J: -1, text: [ `${J_name} wallowed in bitter pity of someone ${Jp[0]} figured didn’t think of ${Jp[1]} at all.`, `${cap(Rp[0])} was overcome with lassitude, more than anything, in the face of ${Jp[2]} contempt.`, `A thundercloud darkened the horizon.`, `Sheets of distant rain made the low sky flicker.`, `${cap(Rp[2])} tea had gone cold.`, `“What? No.”`, `When they caught up one time ${R_name} found ${Jp[1]} to be in a totally different place than ${Rp[0]}’d unconsciously projected.`, `${J_name}’s stomach turned at the thought that somewhere, a certain photo existed.`, `The leaves turned.`, `${R_name} remembered the chances ${Rp[0]} had lost.`, ] }, { R: 1, J: -1, text: [ `When ${R_name} looked at their texts ${Rp[0]} saw a screen full of blue.`, `${R_name} talked more to ${Jp[2]} friends than to ${Jp[1]}.`, `_Things had changed_; the account struck ${R_name} as insufficient.`, `${cap(Rp[0])} was sad, and ${J_name} knew it would overwhelm ${Rp[1]}.`, `The asphalt baked in the harsh sun.`, `${cap(Jp[0])} felt ${R_name} watching ${Jp[1]} and shivered.`, `${R_name}’s unexpected laugh felt like an attack.`, `“It’s like when — don’t you remember?” “No.”`, `${cap(Rp[0])} felt color-blind without ${Jp[1]}.`, `In ${Jp[2]} absence ${R_name} cherished something ${Jp[0]}’d once said about ${Rp[1]}, but misremembered it, and didn’t realize ${Rp[0]}’d missed the point ${Jp[0]}’d actually been trying to make.`, `Every time ${Rp[0]} repeated the story of their relationship, ${Rp[0]} edited it a little more, smoothing its meanders into an analytic trajectory.`, `${cap(Rp[0])} cobbled these memories into a generic pastiche and encoded them on a grid of affect and valence.`, `${R_name} sweat like, idk, a dog snout in the cruel dry heat.`, `Being out of ${Jp[2]} favor rendered the hours long.`, `No day was safe from news of ${Jp[1]}.`, ] }, ]39:T374a,// an: self's name // ap: self's pronouns // bn: other's name // bp: other's pronouns // a: self's affection // b: other's affection // da: coefficient for self's affection // db: coefficient for other's affection transitions = (an, ap, bn, bp, a, b, da, db) => [ // HERMIT // { desc: 'Hermit in mutual hatred', predicate: a <= 0 && b <= 0 && da <= 0 && db <= 0, text: [ `But ${an} hated that they hated each other; ${ap[0]} knew it could just as well be otherwise, and just imagining it made it real for ${ap[1]}.`, `${an} was enough of a contrarian that ${ap[0]} could talk ${ap[1]}self into forgiving and forgetting.`, `Guiltily, ${ap[0]} offered an olive branch.` ] }, { desc: 'Hermit in unrequited love, disgusted by his love', predicate: a > 0 && b <= 0 && da <= 0 && db <= 0 && (a * da + b * db < 0), text: [ `${cap(ap[0])} hated that ${ap[0]} loved ${bp[1]}; ${ap[0]} knew it was unrequited, and couldn’t stand ${ap[2]} desperation.`, `${an} was embarrassed by the true and sincere things ${ap[0]}’d said, and resolved not to repeat them.`, `What was once ${an}’s only certainty eventually became unimaginable.` ] }, { desc: 'Hermit in unrequited love, trying ever harder', predicate: a > 0 && b <= 0 && da <= 0 && db <= 0 && (a * da + b * db > 0), text: [ `${an} wasn’t proud of ${ap[2]} chase, but took ${bn}’s rejection as an embarrassment ${ap[0]} couldn’t ignore, and wanted to do better.`, `_Sweet ${bn}, now I understand_, ${ap[0]} thought; _I will love you better._`, ] }, { desc: 'Hermit being pursued, recoiling', predicate: a <= 0 && b > 0 && da <= 0 && db <= 0 && (a * da + b * db < 0), text: [ `${an} recoiled from ${bn}’s pursuit.`, `Ignoring the copious evidence of ${bp[2]} true love, ${an} fixated on the scant evidence that ${bn} didn’t know what ${bp[0]} was doing.`, `${bn} tried coaxing ${ap[1]}, appealing to ${bp[2]} imperfect notions of ${ap[2]} interests and tastes, but ${bp[0]} couldn’t tell that ${ap[0]}’d changed.`, `${bn} told ${ap[1]} ${ap[0]}’d love a movie; ${ap[0]} watched and hated it.`, `${an} could see the gears of reductivism turn in ${bp[2]} head, strip-mining ${ap[2]} statements for useful fragments and feeding them into ${bp[2]} abacus, fitting them into ridiculous patterns and models to use against ${ap[1]}.` ] }, { desc: 'Hermit being pursued, relenting', predicate: a <= 0 && b > 0 && da <= 0 && db <= 0 && (a * da + b * db > 0), text: [ `${an} didn’t know why ${ap[0]} was hesitating; it felt silly.`, `${cap(ap[0])} let ${ap[1]}self be moved by ${bn}’s attention.`, `${cap(ap[0])} wanted to give ${bp[1]} a chance.`, `${bn} sounded startled to hear from ${ap[1]}, but pleased.` ] }, { desc: 'Hermit in mutual love', predicate: a > 0 && b > 0 && da <= 0 && db <= 0, text: [ `Their love felt saccharine.`, `Looking at ${bp[2]} posts on Instagram, ${an} couldn’t believe that this was their relationship; from afar it felt cheap and fake.`, `It was all too fast for ${an}.`, `One time ${bn} misquoted a memory, or a fact about ${an}’s past, or misjudged ${ap[2]} reaction to something, and ${an} took it as a sign that this was a sham, a mistake.`, `${an} felt like ${ap[0]} had reformed ${ap[2]}self into just what ${bn} had wanted to see, and hated that it had worked.`, `${cap(bp[0])} waited patiently for ${ap[1]} — too patiently, it turned out; ${ap[0]} felt trapped by ${bp[2]} patience, it hung over ${ap[1]}, like ${bp[0]} was ${ap[2]} charge.`, `${an} felt trapped in ${bp[2]} metaphors and motifs. ${cap(ap[0])} found they shattered like the images reflected in a stream into which a stone had been cast.` ] }, // CAUTIOUS { desc: 'Cautious in mutual hatred, falling in love despite themself', predicate: a <= 0 && b <= 0 && da <= 0 && db > 0 && (a * da + b * db > 0), text: [ `But love starts with attention, and ${an} paid attention to the way ${bp[0]} irked ${ap[1]}, meticulously turning over ${ap[2]} reasons in ${ap[2]} head and picking them apart.`, `Prudence had failed ${ap[1]}; ${ap[0]} felt dizzy.`, `${cap(ap[2])} only love sprung from ${ap[2]} only hate.` ] }, { desc: 'Cautious in mutual hatred, amplifying other’s hate', predicate: a <= 0 && b <= 0 && da <= 0 && db > 0 && (a * da + b * db < 0), text: [ `As ${an} paid careful attention to the ways ${bn} disliked ${ap[1]}, ${ap[0]} reflected and amplified them back at ${bp[1]}.`, `${an} acted as if they were torn apart by the whirlwind of history; it wasn’t true, but it was kind.`, ] }, { desc: 'Cautious in unrequited love, disgusted by his love & echoing other’s hate', predicate: a > 0 && b <= 0 && da <= 0 && db > 0, text: [ `Sheepishly, ${an} buried ${ap[2]} feelings; ${bp[0]} was probably right about them.`, `${an} marveled at the paradox that ${ap[0]} could both feel something and know it was wrong. But it was.`, `${an}’s love proved as variable as the phases of the moon.`, `But one day ${an} learned what a hypocrite ${bp[0]} was.`, ] }, { desc: 'Cautious being pursued, and into it', predicate: a <= 0 && b > 0 && da <= 0 && db > 0, text: [ `${an} didn’t know if ${ap[0]} loved ${bp[1]}, but ${ap[0]} loved ${bp[2]} attention, and craved it.`, `_Is that what it means to “play hard-to-get”_, ${ap[0]} wondered.`, `${cap(bp[0])} felt ${bp[1]}self winning ${ap[1]} over.`, `But whatever ${bn} wanted of ${ap[1]} ${ap[0]} wanted too, solely because ${bp[0]} was asking it of ${ap[1]}.`, `“What?” said ${an}, “You too? I thought I was the only one!”` ] }, { desc: 'Cautious in mutual love, encouraged', predicate: a > 0 && b > 0 && da <= 0 && db > 0 && (a * da + b * db > 0), text: [ `${an} felt validated and emboldened.`, `It was what ${an} had been waiting for.`, `${cap(ap[0])} let ${ap[1]}self believe.`, `Love goes toward love, and ${an} went toward ${bn}.`, ] }, { desc: 'Cautious in mutual love, retreating', predicate: a > 0 && b > 0 && da <= 0 && db > 0 && (a * da + b * db < 0), text: [ `${an} was scared ${ap[0]}’d gone too far, that this could go somewhere that would ruin it.`, `They fought in the car.`, `Some difficult piece of ${bp[1]} past came up; ${bp[0]} felt ${bp[0]}’d been totally honest about it, but just didn’t like to talk about it; ${an} was surprised, and unnverved that ${bp[0]} didn’t even seem to realize ${bp[0]}’d hidden it from ${ap[1]}.`, `${bn} had waited too long.`, `${an} tried to give it a minute before ${ap[0]} admitted that they were through.`, `The diminishing terms of endearment in ${ap[2]} messages left no room for doubt in ${bn}’s mind.`, `They were full of sadness at their parting. That wasn’t what they themselves wanted: it was circumstances.`, `As fate parted them it froze and saved for ${bn} the more youthful, innocent image of ${ap[1]}.`, ] }, // EAGER { desc: 'Eager in mutual hatred, intensifying', predicate: a <= 0 && b <= 0 && da > 0 && db > 0, text: [ `The reasons they would never work became more solid and definite every time ${an} repeated them.`, `They didn’t talk anymore.`, `${cap(bp[0])} thought someone had turned ${ap[1]} against ${bp[1]}; but it was just ${ap[1]}.`, `The image of ${bn} inside of ${an} had tumbled down and shattered.`, ] }, { desc: 'Eager in unrequited love, amplifying other’s hate', predicate: a > 0 && b <= 0 && da > 0 && db > 0 && (a * da + b * db < 0), text: [ `When ${bn} tried to criticize ${ap[2]} behavior the other night, ${an} turned it into an attack on ${bp[2]} whole character and being, that ${bp[0]} would even be bothered by that.`, `${bn} figured ${ap[0]} just couldn’t stand to see ${bp[1]} happy.` ] }, { desc: 'Eager in unrequited love, growing ever more obsessed', predicate: a > 0 && b <= 0 && da > 0 && db > 0 && (a * da + b * db > 0), text: [ `${cap(ap[2])} obsession left little room to even notice ${bn}’s disinterest.`, `Like the sea gets deeper the further you go into it, every encounter ${an} initiated only affirmed and magnified ${ap[2]} affection.`, `${cap(ap[0])} did not want to bring ${bn} back to ${ap[1]}self by force; ${ap[0]} wanted understanding to rise from ${bp[2]} innermost being and incline ${bp[1]} gently towards ${ap[1]}.` ] }, { desc: 'Eager being pursued, and not having it', predicate: a <= 0 && b > 0 && da > 0 && db > 0 && (a * da + b * db < 0), text: [ `${an} was too self-assured to be moved.`, `${an}’s considerable passion and energy was focused elsewhere.`, `${an} wanted out of this story.`, `${bn} realized ${bp[0]} had never really had ${ap[1]}.`, ] }, { desc: 'Eager being pursued, and into it', predicate: a <= 0 && b > 0 && da > 0 && db > 0 && (a * da + b * db > 0), text: [ `Though ${ap[0]} hadn’t always wanted it to be, going along with ${bn} was easy and natural.`, `${cap(ap[0])} found ${ap[1]}self replying to ${bn}’s texts faster.`, `${cap(ap[0])} was not in love with ${bn}, but ${ap[0]} felt herself kindled by ${bp[1]}, giving out more light and amounting to more, when ${ap[0]} was near ${bp[1]}.` ] }, { desc: 'Eager in mutual love', predicate: a > 0 && b > 0 && da > 0 && db > 0, text: [ `Maybe there was an epiphany, a confession, a breakthrough — or maybe ${an} had passed the event horizon long before ${ap[0]} realized it.`, `Maybe they were drunk, maybe they were stressed, maybe they were feeling bold, or maybe just honest.`, `One night something changed, and in the morning ${an} skipped down the black-and-white street with David Bowie playing in ${ap[2]} head. _So this is what it feels like._`, `When ${bn} summed up their circumstances in an extraordinary idea, it was etched into ${an}’s memory like poetry.` ] }, // NARCISSIST { desc: 'Narcissist in mutual hatred, falling in love despite themself', predicate: a <= 0 && b <= 0 && da > 0 && db <= 0 && (a * da + b * db > 0), text: [ `${cap(ap[0])} didn’t understand ${bp[2]} disapproval; even ${ap[0]} could see that they’d be great together.`, `${cap(ap[0])} took ${bp[2]} scorn as an affront and a challenge.`, ] }, { desc: 'Narcissist in mutual hatred, amplifying own hate', predicate: a <= 0 && b <= 0 && da > 0 && db <= 0 && (a * da + b * db < 0), text: [ `${an} told friends about every stupid comment ${bp[0]}’d made behind ${ap[2]} back, speculating about ${bp[2]} motivations and ambitions and conspiracies.`, `${cap(ap[0])} thought ${ap[0]} understood ${bp[1]} now, and saw through ${bp[2]} tricks and games.`, `${cap(ap[0])} won every mental argument against the version of ${bn} ${ap[0]}’d constructed in ${ap[2]} head, stacking imagined trophies.`, `${an} said certain things ${ap[0]} couldn’t un-say. “What was that all about?” “Don’t lie to me.” “Now you know how it feels.” (No, that doesn’t sound like ${ap[1]}; ${ap[0]} wouldn’t!)` ] }, { desc: 'Narcissist in unrequited love, loving own love & hating other’s hate', predicate: a > 0 && b <= 0 && da > 0 && db <= 0, text: [ `${an} impressed ${ap[1]}self with ${ap[2]} romantics, as if ${ap[0]} were ${ap[2]} own audience.`, `${cap(ap[0])} thought about ${bp[1]} more than ${ap[0]} listened to ${bp[1]}.`, `When ${bp[0]} ignored ${ap[1]}, ${an} invented excuses for ${bp[2]} behavior that somehow exonerated ${ap[1]}self.`, `${cap(ap[0])} imagined every possible reason for ${bn}’s minor slights except ${ap[2]} own behavior.`, `When ${bp[0]} ignored ${ap[1]}, ${ap[0]} took it as an invitation; when ${bp[0]} was mean to ${ap[1]}, ${ap[0]} took it as flirtation; and if ${bp[0]} was ever kind, ${ap[0]} took it as proof.` ] }, { desc: 'Narcissist being pursued, and rejecting it', predicate: a <= 0 && b > 0 && da > 0 && db <= 0, text: [ `The more ${bn} tried, the more pathetic ${bp[0]} seemed to ${ap[1]}.`, `${cap(ap[0])} didn’t want to belong to any club that would have ${ap[1]}.`, `${cap(bp[2])} affection didn’t seem equal to ${ap[2]} idea of affection in degree or even kind, and ${ap[0]} couldn’t imagine reciprocating.`, `When ${ap[0]} saw how wrong about ${ap[1]} ${bn} was, ${bp[2]} attention lost any grip on ${ap[1]}.`, `${an} felt like ${bp[2]} love was not for ${ap[1]} so much as for an idealized image to which ${ap[0]} felt no loyalty.` ] }, { desc: 'Narcissist in mutual love, encouraged', predicate: a > 0 && b > 0 && da > 0 && db <= 0 && (a * da + b * db > 0), text: [ `${cap(bp[0])} won.`, `${cap(ap[0])} talked as if it was right on schedule, just as ${ap[0]}’d planned.`, `What was past was prologue, and what was to come would make the struggle worthwhile.`, ] }, { desc: 'Narcissist in mutual love, retreating', predicate: a > 0 && b > 0 && da > 0 && db <= 0 && (a * da + b * db < 0), text: [ `As ridiculous as it sounds, ${bn}’s affection felt like evidence against ${ap[2]} own.`, `${cap(bp[2])} reciprocation of ${ap[2]} affection cheapened it.`, `${cap(ap[0])} retreated from ${bn}’s love as if attaining it had been ${ap[2]} only goal.`, `But ${an} increasingly felt that ${bn}’s love was based on misunderstanding.`, `After all this time ${an} knew ${bp[0]} still didn’t understand ${ap[1]}.`, `Does getting on well together drive people into hatred?`, `When ${bp[0]} went out with old friends, ${an} insisted that to divide was to take away.` ] } ]3a:Te3b,controlBox = (data, name, pronouns, other) => { const w = 100 const h = 100 const svg = d3.select(this || DOM.svg(w, h)).attr("class", "control-box") const maxParam = .01 const rand = d3.randomUniform(-maxParam,maxParam) const line = d3.line() pronouns = pronouns.split(", ") // let data = svg.property("value") // console.log('controlBox -> svg property data', data) if(!data) { data = [rand(),rand()] } svg.property("value", data).dispatch("input") // scale clicks to param values var mouseToParam = d3.scaleLinear() .domain([0,w/2]) .range([0,maxParam]) // INITIAL BUILD var g = svg.selectAll('g.inner') .data([data]) .enter() .append('g') .attr("class", "inner") .attr("transform", "translate(" + w/2 + "," + h/2 + ")") g.append('path').attr("class", "x axis").attr('d', line([[-w/2,0],[w/2,0]])) g.append('path').attr("class", "y axis").attr('d', line([[0,-h/2],[0,h/2]])) g.append('rect').attr("class", "frame") .attr('x', -w/2) .attr('y', -h/2) .attr('width', w) .attr('height', h) // label quadrants accd to J. C. Sprott // http://sprott.physics.wisc.edu/pubs/paper277.pdf g.append('text').attr('x', w/4).attr('y', -h/4).attr('dy', '.3em').text('EAGER') g.append('text').attr('x', w/4).attr('y', h/4).attr('dy', '.3em').text('NARCISSIST') g.append('text').attr('x', -w/4).attr('y', -h/4).attr('dy', '.3em').text('CAUTIOUS') g.append('text').attr('x', -w/4).attr('y', h/4).attr('dy', '.3em').text('HERMIT') g.append('text').attr('class', 'prose one').attr('x', w/2 + 10).attr('y', -7) g.append('text').attr('class', 'prose two').attr('x', w/2 + 10).attr('y', 13) g.append('circle').attr('class', 'current').attr('r', 3) var drag = d3.drag().on('drag', clickOrDrag) g.on('click', clickOrDrag).call(drag) render() function clickOrDrag(d) { // coefficient for own feeling var a = mouseToParam(d3.mouse(this)[0]) // coefficient for other's feeling var b = mouseToParam(-d3.mouse(this)[1]) data = [a,b] // for viewof i think? shit svg.property("value", data).dispatch("input") // update render() } function render() { var prose1, prose2; if(data[0] > 0 && data[1] > 0) { prose1 = `${name} is encouraged by ${pronouns[2]} own feelings`; prose2 = `as well as ${other}’s`; } else if(data[0] > 0 && data[1] < 0) { prose1 = `${name} wants more of what ${pronouns[0]} feels`; prose2 = `but retreats from ${other}’s feelings`; } else if(data[0] < 0 && data[1] > 0) { prose1 = `${name} retreats from ${pronouns[2]} own feelings`; prose2 = `but is encouraged by ${other}’s`; } else if(data[0] < 0 && data[1] < 0) { prose1 = `${name} retreats from ${pronouns[2]} own feelings`; prose2 = `as well as ${other}’s`; } else if(data[0] == 0 && data[1] == 0) { prose1 = `${name}’s feelings never change!` prose2 = `${cap(pronouns[0])}’s just in perfect stasis!` } else if(data[0] == 0) { prose1 = `${name} ignores ${pronouns[2]} own feelings` prose2 = data[1] > 0 ? `and follows ${other}’s` : `and opposes ${other}’s` } else if(data[1] == 0) { prose1 = data[0] > 0 ? `${name} follows ${pronouns[2]} own feelings` : `${name} retreats from ${pronouns[2]} own feelings` prose2 = `and ignores ${other}’s` } svg.select(".prose.one").text(prose1) svg.select(".prose.two").text(prose2) svg.select('circle.current') .attr('cx', mouseToParam.invert(data[0])) .attr('cy', mouseToParam.invert(-data[1])) } return svg.node() }3b:T5d1,style = html``3c:[] 33:{"id":"3885be36a0a9b4e9","slug":"tales-from-the-romeo-and-juliet-phase-space","title":"Tales From the Romeo and Juliet Phase Space","thumbnail":"882a82876eaaedc906257f0a563c9490f3c31378c39423e7f9759000d696b38d","access_level":"public","create_time":"$D2018-02-10T23:24:59.001Z","update_time":"$D2021-01-08T18:43:28.904Z","view_time":null,"first_public_time":"$D2018-03-14T14:51:38.396Z","has_unpublished_edits":null,"fork":false,"stars":38,"starred":false,"owner":{"type":"team","id":"97290e936c339d8e","login":"tophtucker","name":"Toph Tucker","avatar_url":"https://avatars-next.observableusercontent.com/3706c31a8f9c59bb716c022c04b9c073144cd1368b78ac85f49139be6c93c34e","tier":"pro_2026"},"version":1478,"publish_version":1478,"role":null,"authored":false,"authors":[{"type":"individual","id":"0bb2842b01e0c652","login":"tophtucker","name":"Toph Tucker","avatar_url":"https://avatars-next.observableusercontent.com/3706c31a8f9c59bb716c022c04b9c073144cd1368b78ac85f49139be6c93c34e","tier":null}],"members":[{"type":"individual","id":"0bb2842b01e0c652","login":"tophtucker","name":"Toph Tucker","avatar_url":"https://avatars-next.observableusercontent.com/3706c31a8f9c59bb716c022c04b9c073144cd1368b78ac85f49139be6c93c34e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":10,"collection":{"id":"cf3fb2eeaea24e05","slug":"essays","title":"Essays","owner":{"id":"97290e936c339d8e","login":"tophtucker","name":"Toph Tucker"}},"type":"notebook","body":{"title":"Tales From the Romeo and Juliet Phase Space","cells":[{"id":0,"value":"md`# Tales From the ${Romeo} and ${Juliet} Phase Space`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1088,"value":"{\n const w = Math.min(640, width)\n const h = 64\n const fill = d3.scaleSequential(d3.interpolateWarm).domain([0, pseudoRandomPoints.length]);\n const paths = pseudoRandomPoints\n .map(getLineFromPoint)\n .map(path => {\n const origin = path[0]\n return path.map(point => [point[0] - origin[0], point[1] - origin[1]])\n })\n const line = d3.line()\n \t.y((d,i) => -d[1])\n .x(d => d[0])\n \n return html``;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":158,"value":"md`You should start by giving birth to two characters. Name the first:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"viewof R_name = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"viewof R_pronouns = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":608,"value":"md`And the second:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"viewof J_name = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"viewof J_pronouns = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":602,"value":"md`We are now going to trap ${R_name} and ${J_name} in a metaphor, conceived by Steven Strogatz as a classroom exercise to teach differential equations. At each moment, each’s feelings for the other will change as a function of their own love and the other’s. Select a point in each square to choose their personalities, to parameterize their hearts:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"viewof R_heart = controlBox(this ? this.value : false, R_name, R_pronouns, J_name)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"viewof J_heart = controlBox(this ? this.value : false, J_name, J_pronouns, R_name)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":590,"value":"md`These define our system of differential equations:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"{\n let f = d => (d * 1000).toPrecision(3)\n return tex`\\begin{aligned} \\dot ${R0} &= ${f(R_heart[0])}${R0} + ${f(R_heart[1])}${J0} \\\\\n\\dot ${J0} &= ${f(J_heart[1])}${R0} + ${f(J_heart[0])}${J0}\n\\end{aligned}`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":579,"value":"md`I am not going to explain any of this — that’s done better elsewhere, and ${J_name} is waiting — but if represent those coefficients as a matrix, the behavior of this system can be categorized by partitioning the plane defined by the trace of the matrix (which has something to do with dimension) and the determinant (which measures, like, scaling and orientation). Let’s just say that together they show you whether there’s two, one, or zero lines along which you get stretched without being rotated, which here governs the fate of every relationship.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":658,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1169,"value":"md`Now click somewhere to drop them into their story:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":508,"value":"story = {\n \n if(!memory.length) {\n return md`## ${R_name} & ${J_name}\n\n _Click anywhere on the phase portrait above to begin their story._`\n }\n \n let story = memory.slice(0, memory.length - 1).map(m => m.text).join(' ')\n let latest = memory[memory.length-1]\n let fragment = latest ? latest.text\n .substr(0, Math.ceil(latest.text.length * (now - latest.t) / 1000)) : \"\"\n \n return md`## ${R_name} & ${J_name}\n\n ${story} ${fragment}`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":978,"value":"{\n const w = Math.min(640, width)\n const h = 256\n const fill = d3.scaleSequential(d3.interpolateViridis).domain([0, pseudoRandomPoints.length]);\n const paths = pseudoRandomPoints\n .map(getLineFromPoint)\n .map(path => {\n const origin = path[0]\n return path.map(point => [point[0] - origin[0], point[1] - origin[1]])\n })\n const line = d3.line()\n \t.y((d,i) => -d[1] / 8)\n .x(d => d[0] / 4)\n \n return html``;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":592,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":544,"value":"md`## Credits\n\nIf it all ends up sounding like something out of a Thought Catalog pastiche of “quotes on love”, it’s because it basically is. In their own way these sources may be as embarrassing and revealing as the content ʟᴏʟ but ꜰᴡɪᴡ various snippets (most of the good ones) are paraphrased from the works of L. Bancroft, O. Butler, R. Carver, C. P. Cavafy, A. Desclos, E. Dickinson, M. Houellebecq, Z. N. Hurston, M. Kundera, C. S. Lewis, R. Musil, S. Plath, G. Saunders, T. Swift, E. B. White, and, of course, W. Shakespeare. Oh and also a bit of D. F. C. de B. O’M. “Dido” Armstrong, whose complete discography I have had on repeat, for the first time — like obviously I’d heard a couple but why didn’t anyone tell me how good it _all_ is?\n\nAnd of course it’s all due to [Steven Strogatz](http://ai.stanford.edu/~rajatr/articles/SS_love_dEq.pdf), with additional thanks to [J. C. Sprott](http://sprott.physics.wisc.edu/pubs/paper277.pdf).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1254,"value":"{\n const w = Math.min(640, width);\n const h = 256;\n const x = d3\n .scaleLinear()\n .domain(d3.extent(memory.map(d => d.t)))\n .range([0, w]);\n const y = d3\n .scaleLinear()\n .domain(d3.extent(d3.merge(memory.map(d => [d.R, d.J]))))\n .range([h, 0]);\n const line = d3\n .line()\n .curve(d3.curveBasis)\n .x(d => x(d.t));\n\n return html``;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":437,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":405,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":578,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1106,"value":"pseudoRandomPoints = {\n return d3.range(25).map(() => [rand(), rand()])\n // let r = d3.randomUniform(-50, 50)\n // return d3.cross(\n // d3.range(-width/2, width*.6, w/3.5), \n // d3.range(-width/2, width*.6, h/3.5)\n // ).map(p => p.map(d => d + r()))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":169,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"rand = d3.randomUniform(-width/2,width/2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":349,"value":"euler = ([R, J], dt = 1) => [\n R + (R_heart[0] * R + R_heart[1] * J) * dt,\n J + (J_heart[1] * R + J_heart[0] * J) * dt,\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":880,"value":"normalEuler = ([R, J], dt = 1) => [\n R + (J_heart[1] * R + J_heart[0] * J) * dt,\n J - (R_heart[0] * R + R_heart[1] * J) * dt,\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1001,"value":"getLineFromPoint = ([R, J]) => {\n let points = [[R, J]]\n for(var i = 0; i < 20; i++) {\n points.push(euler(points[points.length-1],10))\n }\n return points\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":909,"value":"getNormalLineFromPoint = (R, J) => {\n let pointsAhead = [[R, J]]\n for(var i = 0; i < 30; i++) {\n pointsAhead.push(normalEuler(pointsAhead[pointsAhead.length-1],10))\n }\n \n// let pointsBehind = [[R, J]]\n// for(var i = 0; i < 10; i++) {\n// pointsBehind.push(normalEuler(pointsBehind[pointsBehind.length-1],-10))\n// }\n \n// return pointsBehind.slice(1).reverse().concat(pointsAhead)\n \n return pointsAhead\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":447,"value":"memoryScale = d3.scaleQuantize().domain([-h/2, h/2]).range([-1,0,1])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":896,"value":"feelingScale = d3.scaleQuantize()\n .domain([-h/2, h/2])\n .range(['hates', 'dislikes', 'is ok with', 'likes', 'loves'])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":894,"value":"feelingScaleEmoji = d3.scaleQuantize()\n .domain([-h/2, h/2])\n .range(['😩', '😔', '😐', '😊', '😍'])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":765,"value":"drawStreamlines = (w,h,g) => {\n let streamlines = d3.cross(\n d3.range(-w/2, w*.6, w/10), \n d3.range(-h/2, h*.6, h/10)\n ).map(p => {\n let points = [p]\n for(var i = 0; i < 99; i++) {\n points.push(euler(points[points.length-1],2))\n }\n return points\n })\n let streams = g.selectAll(\"path.streamline\")\n .data(streamlines)\n let streamsEnter = streams\n .enter()\n .append(\"path\")\n .attr(\"class\", \"streamline\")\n streams = streams.merge(streamsEnter)\n .attr(\"d\", d3.line().y(d => -d[1]))\n }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":512,"value":"cap = s => s.charAt(0).toUpperCase() + s.slice(1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":951,"value":"deMd = t => t.replace(/_/g, '')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":409,"value":"w = width","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":411,"value":"h = w * .67","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":425,"value":"Jp = J_pronouns.split(\", \")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":427,"value":"Rp = R_pronouns.split(\", \")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":870,"value":"Romeo = R_name","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":872,"value":"Juliet = J_name","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1228,"value":"R0 = Romeo[0] == Juliet[0] ? \"R\" : Romeo[0] || \"R\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1230,"value":"J0 = Romeo[0] == Juliet[0] ? \"J\" : Juliet[0] || \"J\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":942,"value":"sampleRate = 500","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1422,"value":"continuationProbability = 0.6","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1476,"value":"md`Oh and thanks to Allison Strandberg for letting me know it had broken!`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3c","stdlib":"1","titling":"auto"}} 34:"$33:body"