2b:null 2c:["$","title",null,{"children":"in Place (the air) | Qfwfq | Observable"}] 31:Td18,md`### Public Notes #### How it Works - Write (by hand) a lexicon in which every word has an associated variation/synonym of every other length from, in this case, 3 to 8 characters. - Write a rectangular text (in this case, 6*6 = 36 words) in the lexicon, in this case based on the three-letter variations. - Find a grid of elevation (or other geographic) data around the speaker. Here, use a free public API to get this information - the key dependency and failure point of this text. - Normalize the elevation data onto the 3 to 8 scale on a 6 by 6 grid (or change the dimensions). - Select the word-variation of the length coresponding to the evelation of each point on the grid. - Place the words on the grid. #### Textual Maps The curiosity behind this piece was about texts that are literally maps. I had been reading British "Oriental" travelogues and writing a course paper about their cartographers (for John Saverese, UWaterloo, _Romantic Orientalism_). Here, I aim for a kind of concrete prose: the map is contained in the number of letters per word To be succesfull as a map, the relationship between the map and the space should be discernible within the text. It may be too subtle. #### Text and Inflections I am curious about the possibilities of inflecting text, rather than generating it. Authoring transformations rather than generators. One of the aesthetic values of generativity frequently, is inexhaustibility. This may be represented as an endlessly pannable map (as in Nick Montfort and Stephanie Strickland's _Sea and Spar Between_) or a twitter bot with content also referencing relentless expanse (Allison Parrish's *Ephemerides*). I want to propose an adjacent aesthetic value, which still contains multiplicity - an equally combinatorially expansive number of instantiations - but presents not as an infinite space but as an infinitely reconfigurable space. Examples include . One of our founding documents, Queneau's _100 milliards poemes_ sits maybe between these two values. In addition to asking how a formulation #### Reading in Place I do intend this piece as a reflection on the variability of reading reception, but I more intend it as about the physically located situation of readers and writers. The physical location and orientation of the writer (Virginia Woolf's _A Room of One's Own_; Sara Ahmed's _Queer Phenomenology: Orientations, Objects, Others_). The physical location of the reader. Where do you sit to read? Do you sit in the same place, indoors or outdoors, when reading, when reading poetry vs. reading student papers vs. reading mystery novels? Do you go to read in crowded places like coffee shops or bars? Do you read while walking, on the bus, on the subway? Whose land do you read on? Who previously read and wrote (beyond print) the contours of the land? What architectures and earthworks? The located nature of reading, like other acts & experiences. Subtler senses that we know our bodies track: barometric pressure, the direction of gravity and other Newtonian force, humidity, even the small tingling extensions of our surface provided by body hair. The sensations of being in land, in place, in geography are not just visual and auditory. Texts as ~escape to other worlds and safe disembodiment~. Texts as ~returning to awareness of the phenomenological space around you.~ `32:T598,lexicon = ({ aaa: ["a", "aa", "aaa", "aaaa", "aaaaa", "aaaaaa", "aaaaaaa", "aaaaaaaa"], air: ["🌬️", "ay", "air", "wind", "gusts", "breeze", "breezes", "fast-air"], are: ["a", "be", "are", "were", "maybe", "aren’t", "are-all", "were-all"], and: ["&", "or", "and", "also", "when", "before", "whereas", "moreover"], ant: ["a", "aa", "ant", "pest", "creep", "insect", "critter", "huge-ant"], can: ["a", "aa", "can", "must", "might", "mayn’t", "can-not", "couldn’t"], din: ["🥁", "oh", "din", "yowl", "shout", "scream", "clangor", "shouting"], eat: ["a", "aa", "eat", "chew", "munch", "ingest", "swallow", "snack-on"], gap: ["⛺", "in", "gap", "pane", "glass", "window", "opening", "wall-gap"], old: ["a", "aa", "old", "past", "stale", "fed-up", "haggard", "stagnant"], new: ["a", "aa", "new", "late", "fresh", "recent", "current", "youthful"], out: ["➡️", "at", "out", "thru", "after", "across", "outside", "out-past"], red: ["🟥", "yt", "red", "blue", "black", "yellow", "purpled", "overcast"], see: ["a", "aa", "see", "spot", "watch", "regard", "witness", "examine"], sky: ["⛅", "up", "sky", "skies", "night", "clouds", "heavens", "airspace"], the: ["a", "a(n)", "the", "this", "their", "enough", "another", "a-lot-of"], was: ["=", "is", "was", "seem", "isn’t", "became", "will-be", "was-now"], you: ["a", "aa", "you", "they", "y’all", "theirs", "you-too", "yourself"] });33:[] 2f:{"id":"ba09c685c4cdc5a7","slug":"a-composition-book","title":"in Place (the air)","thumbnail":"754da07fb6ae9d3aee27399ed575de2da145199b3f977959b439f0555c842bee","access_level":"public","create_time":"$D2021-03-18T19:51:14.744Z","update_time":"$D2022-05-05T18:02:56.943Z","view_time":null,"first_public_time":"$D2021-04-11T20:46:44.149Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"81a711befab8c5eb","login":"notkrd","name":"Qfwfq","avatar_url":"https://avatars-next.observableusercontent.com/0cc054602f84ab7ef7a2b6325a399cbc5ea84e2145c36766978c5d71b8edaa39","tier":"starter_2024"},"version":662,"publish_version":662,"role":null,"authored":false,"authors":[{"type":"individual","id":"696389d5bd4aeb02","login":"notkrd","name":"Qfwfq","avatar_url":"https://avatars-next.observableusercontent.com/0cc054602f84ab7ef7a2b6325a399cbc5ea84e2145c36766978c5d71b8edaa39","tier":null}],"members":[{"type":"individual","id":"696389d5bd4aeb02","login":"notkrd","name":"Qfwfq","avatar_url":"https://avatars-next.observableusercontent.com/0cc054602f84ab7ef7a2b6325a399cbc5ea84e2145c36766978c5d71b8edaa39","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"in Place (the air)","cells":[{"id":397,"value":"md`# in Place (the air)\n\nIn progress / a tech demo. Base text hasn't been written. Text selects word variations with lengths that correspond to the relative elevations of points surrounding a specified latitude.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":644,"value":"general_disc = md`Note: drawing maps often takes various kinds of time. There is not always a reliable way to tell if the cartographer is delayed, or never returning!`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":229,"value":"textMap = {\n const test_para = inflect_par(para_array, relative_elevations)\n return para_table(test_para, 7);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":646,"value":"viewof location_select = Inputs.select([\"loc1\", \"loc2\", \"other\"], {value: \"loc1\", label: \"Preset Locations\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":450,"value":"viewof my_lat = Range([-56, 60], {step: 0.05, value: 40.25, label: \"Latitude\"})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":467,"value":"viewof my_lng = Range([-180, 180], {step: 0.05, value: -79.6, label: \"Longitude\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":476,"value":"locateBtn = html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":497,"value":"mutable geolocation_message = md`This internet client's whereabouts remain unknown`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":474,"value":"locateWrn = md`Latitudes are limited to between -56 and +60 degrees, as the elevation data comes from (an API serving from) NASA's [Shuttle Rader Topography Mission](https://en.wikipedia.org/wiki/Shuttle_Radar_Topography_Mission) in 2000, only watched that band of the world`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":624,"value":"placeStatement = md`### Statement\n\n*in Place (the air)* is a prose-poetic text modulated by location data. Lexical substitutions select the length of words from lists of variations to produce a textual map that quite literally functions as a topographic map of the area surrounding a geographic coordinate. The lists of lexical variations and the template for the text are authored, while the elevation data mapped in text for the reader is sourced from a NASA satelite dataset. \n\nThe modulation of *in Place (the air)*, as well as its requirement for a specific location coordinate to render anything (whether or not it is the reader's actual location), spatialize and locate digital readership, and potentially produce recognition of the shape of the land surrounding the reader.\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":155,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":517,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":551,"value":"md`*I know !important is bad practice but i don't know how to work with CSS in ObservableHQ*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":485,"value":"async function geolocate_me() {\n mutable geolocation_message = md`We are in the process of asking where you are.`\n const coords = new Promise((resolve, reject) => {\n if (navigator.geolocation) navigator.geolocation.getCurrentPosition(\n pos => resolve(pos.coords),\n err => reject(Error(err.message))\n );\n else reject(Error('this browser does not support geolocation.'))\n });\n coords.then(v => {\n console.log(v);\n if (v.latitude > -56 && v.latitude < 60) {\n set_view(viewof my_lat, v.latitude);\n set_view(viewof my_lng, v.longitude);\n mutable geolocation_message = md`The device, given permission, reveals to us the user's coordinates, which have been updated accordingly.`\n } else {\n mutable geolocation_message = md`You live too far South or North. The Satelite didn't look there.`\n }\n }, v => {\n mutable geolocation_message = md`The client's device's location is unknown, not permitted, or not revealed to us.` \n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":417,"value":"md`### Process Base Text\n\nPopulate base text and variations of words for each length.`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":17,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":31,"value":"paragraph = \"the sky was red and the air was the din out the gap the air see new old air and you eat air and you can see sky you are old old air and you eat din see the red and the new ant was the din the air\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":61,"value":"text_to_para_array = (para) => para.split(\" \");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":70,"value":"inflect_with_lex = (lex) => (w, n) => ((w in lex) ? ((n in lex[w]) ? lex[w][n] : \"INDEX_ERROR\" ) : \"KEY_ERROR\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":105,"value":"inflect_word = inflect_with_lex(lexicon);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":66,"value":"para_array = text_to_para_array(paragraph)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":121,"value":"inflect_par = (par, vals) => par.map(((v, i) => inflect_word(v, vals[i])));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":419,"value":"md`### Get Elevation Values\n\nGiven a longitude and latitude, calculate a matrix of relative elevations, to determine which elevation to use.\nUses the [Open Elevation API](https://open-elevation.com/).\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":266,"value":"function coord_grid (lat, long, num_rows = 7, num_cols = 7, inc = 0.05) {\n let grid_arr = new Array();\n for (let i = num_rows; i > 0; i--){\n for (let j = 0; j < num_cols; j++){\n grid_arr.push([lat + (i - Math.floor(num_cols / 2))*inc, long + (j - Math.floor(num_rows / 2)) * inc]);\n }\n }\n return grid_arr;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":249,"value":"async function get_elevations(coords_arr, api_url=\"https://api.open-elevation.com/api/v1/lookup\") {\n const locations_str = coords_arr.map(p => p[0] + ',' + p[1]).join('|');\n const query_url = api_url + \"?locations=\" + locations_str;\n // return query_url;\n const response = await fetch(query_url, {method: 'GET', mode: 'cors', origin: 'https://observablehq.com/'});\n return response.json();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":338,"value":"function process_api_results (elevations_json, l = 3, h = 8) {\n let elevations = elevations_json.results.map(p => p.elevation);\n let min_el = 9999;\n let max_el = -9999;\n elevations.forEach(function (e) {\n if (e < min_el) { \n min_el = e; \n } if (e > max_el) { \n max_el = e; \n }});\n const diff = max_el - min_el;\n return elevations.map(el => Math.round(((el - min_el) / diff)*(h - l) + l - 1));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":260,"value":"//r = get_elevations(coord_grid(my_lat, my_lng));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":428,"value":"mutable relative_elevations = Array(49).fill(0).map(x => Math.floor(Math.random() * 6 + 2));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":359,"value":"//update_elevs = {\n// try {\n// yield mutable relative_elevations = process_api_results(r);\n// }\n// catch {\n// yield mutable relative_elevations = relative_elevations.map(x => Math.floor(Math.random() * 9));\n// }\n//}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":481,"value":"md`### Display Modulated Text\n\nRender text, and allow reader to change location.`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":459,"value":"import {Input, Range, bind, html} from \"@observablehq/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":479,"value":"function set_view(input, value) {\n input.value = value;\n input.dispatchEvent(new Event(\"input\"));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":186,"value":"function para_table(para, row_len) {\n const text_map = document.createElement(\"table\");\n text_map.classList.add(\"text-table\")\n let col_i = 0;\n let curr_row = text_map.appendChild(document.createElement(\"tr\"));\n curr_row.classList.add(\"text-row\")\n\n para.forEach((elt) => {\n if (col_i >= row_len) {\n curr_row = text_map.appendChild(document.createElement(\"tr\"));\n curr_row.classList.add(\"text-row\")\n col_i = 0;\n }\n const new_elt = curr_row.appendChild(document.createElement(\"td\"));\n new_elt.appendChild(document.createTextNode(elt));\n new_elt.classList.add(\"text-cell\")\n col_i++;\n });\n console.log(text_map);\n return text_map;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":0,"value":"md`# A Composition Book - don't look here (unless invited)!\n\nreading further is eavesdropping: it obligates the reader to pretend not to have viewed its contents, or, to launder your acquisition of relevant information if you refer to it, like prosecution with the results of illegal wiretapping apparently does (it's actually probably not that interesting, just scratch code)`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":7,"value":"md`## Map text?\n\n\"In Place\" the schtick is that the map data is rendered in characters or words. Of the reader's location? Of what the IP suggests the location is? Of what location the reader declares? Everest Pipkin's OCR cloud reader. How to make the text readable / interesting? is the map a street map or topographical? Is it a text or a filter? A filter sounds better. So we have a base text? A syntactic template? A generative pattern? And then map data somehow filters the text? Or the text somehow filters the map?`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":11,"value":"md`## Concept 1\n\n- Geographic data is a transformation on a text\n- An 11x11 = 121 word paragraph. Each word has versions of different lengths.\n- Words correspond to a 1km(?) square map, ideally centered on the reader.\n- Depending on the elevation(?) a word of the corresponding length is chosen.\n- The base text is written in three-letter words, the words correspond to ranges 1-5.\n- Given the reader's longitude & latitude, an elevation grid is fetched from an API.`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":36,"value":"md`### Lexicon - Working Principles\n- The lists are of inflections and variations, mostly but not necessarily synonyms.\n- I want the text to feel flat on its own: the shortenint/lengthening variations add tense and semantic complexity.\n- The base text is a template, not the archetype (the variation is the essence of the style/semantics).\n- Aiming for legible but a little off. ~85% syntactically normative, 15% head-scratching. \n- Emojis acceptable but only for length 1 \n- Spelling is optional; i want to incorporate but not go full online-speak\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":240,"value":"md`### Drafting Text\n\nthe sky was red and the air \nwas the din out the gap the \nair see new old air and you \neat air and you can see sky \nyou are old old air and you \neat din see the red and the \nnew ant was the din the air\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":143,"value":"rand_in_range = function (minimum, maximum) {return Math.floor(Math.random() * (maximum - minimum)) + minimum};","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":244,"value":"md`### Fetching and Processing Elevation Data\n\nGoal: Create an NxM (N=M=7) matrix of relevative elevation values from (h <= v <= k, h=3, k=10?). \n\nKeep preprocessing as API and format agnostic as possible. Don't assume constants. Best source currently seems to be a public server for Open Elevation (OpenStreetMap affiliated) [https://open-elevation.com/](https://open-elevation.com/)\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":327,"value":"coord_grid(my_lat, my_lng)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":447,"value":"my_els = [3,3,4,5,4,4,7,3,3,5,5,5,5,7,3,4,4,5,5,7,6,5,5,4,5,2,5,7,5,6,4,3,5,5,5,5,5,5,5,4,5,5,6,6,4,5,3,4,3];","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":251,"value":"{\n let a = new Array();\n for (var i=0; i<5; i++) { \n a.push([1,1 + i]);\n }\n return a;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":433,"value":"mutable a = 0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":434,"value":"yield mutable a++;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 30:"$2f:body"