2b:null 2c:["$","title",null,{"children":"Appendix: Behind the Scenes of the Digital Component | Kalle Westerling | Observable"}] 31:T45c,

Hello there! Welcome here. Most likely, this is not where you wanted to go. This is the “backend” page for my dissertation research, which you can read more about in a couple of other places, most importantly in this collection, right here on Observable. It aims to explain how I developed my dataset, and what I did to visualize and analyze the data in my dissertation.

If this is indeed where you wanted to be, well then, welcome! You can find the datasets that underlie my dissertation research below. Most of them are stored in JSON data in gists under my GitHub account, and perhaps you’ll find it useful! If you do, I’d really appreciate if you sent me a line or a tweet and told me what you did with the data—just out of curiosity!

32:T56d,getCitiesData = () => { // Function that creates a simplified example dataset of the geodata in the dataset. const setupObject = (d) => { return { lat: d.lat.slice(0,10), lon: d.lon.slice(0,10), box: d.box.join(', ') } } const setupObjectSpecial = (d) => { return { lat: d['norm-lat'].slice(0,10), lon: d['norm-lon'].slice(0,10), box: d['norm-box'].join(', ') } } let cities = {}, returnValue = []; rawData.filter(d=>d['Normalized City'] && d['Normalized City'] !== '—') .filter(d=>d['norm-lat'] && d['norm-lon'] && d['norm-box']) .forEach(d=>{ let city = d['Normalized City'].replace('?', ''); cities[city] = setupObjectSpecial(d); }); rawData.filter(d=>d.City && d.City !== '—') .filter(d=>d.lat && d.lon && d.box) .forEach(d=>{ if (!Object.keys(cities).includes(d.City.replace('?', ''))) { let city = d.City.replace('?', '') + '*'; cities[city] = setupObject(d); } }); return Object.keys(cities) .map(city => { return { City: city, Latitude: cities[city].lat, Longitude: cities[city].lon, 'Bounding Box': cities[city].box } }) }33:T437,nav = ({ intro: { url: 'https://observablehq.com/d/fa082902cda669c0?collection=@kallewesterling/dissertation-data' }, ingestion: { url: 'https://observablehq.com/d/32b96d00ec5c64eb?collection=@kallewesterling/dissertation-data' }, cleaning: { url: 'https://observablehq.com/d/b4992b572ab19d86?collection=@kallewesterling/dissertation-data' }, dates: { url: 'https://observablehq.com/d/b374d753f207ada8?collection=@kallewesterling/dissertation-data' }, network1: { url: 'https://observablehq.com/d/a1820ef8358dc22c?collection=@kallewesterling/dissertation-data' }, network2: { url: 'https://observablehq.com/d/62b85109283d396b?collection=@kallewesterling/dissertation-data' }, network3: { url: 'https://observablehq.com/d/b17cb75bf404aa90?collection=@kallewesterling/dissertation-data' }, geo: { url: 'https://observablehq.com/d/d3e3f7a1ed7258ab?collection=@kallewesterling/dissertation-data' }, located: { url: 'https://observablehq.com/d/b71b02478e84b7d8?collection=@kallewesterling/dissertation-data' } })34:T48a,function linkify(inputText) { // thanks to https://stackoverflow.com/questions/37684/how-to-replace-plain-urls-with-links var replacedText, replacePattern1, replacePattern2, replacePattern3, replacePattern4; //URLs starting with http://, https://, or ftp:// replacePattern1 = /(\b(https?|ftp):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gim; replacedText = inputText.replace(replacePattern1, '$1'); //URLs starting with "www." (without // before it, or it'd re-link the ones done above). replacePattern2 = /(^|[^\/])(www\.[\S]+(\b|$))/gim; replacedText = replacedText.replace(replacePattern2, '$1$2'); //Change email addresses to mailto:: links. replacePattern3 = /(([a-zA-Z0-9\-\_\.])+@[a-zA-Z\_]+?(\.[a-zA-Z]{2,6})+)/gim; replacedText = replacedText.replace(replacePattern3, '$1'); //Change DOI links replacePattern4 = /(\bdoi:([-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|]))/gim; replacedText = replacedText.replace(replacePattern4, '$1'); return replacedText; }35:T57a,smallNav = ({ prev = { url: undefined }, next = { url: undefined }, padding = 2, spacing = 6, }={}) => { let prevHref = ''; if (prev.url) prevHref = `href="${prev.url}"` let nextHref = ''; if (next.url) nextHref = `href="${next.url}"` const code = html`

Previous Next

` return code; } 36:Te9e,figures = { let d = { 1: { image: await FileAttachment("image@2.png").image(), caption: html`An unfiltered view of the entire network of performers without community-detecting algorithm enabled.` }, 2: { image: await FileAttachment("image@3.png").image(), caption: html`An unfiltered view of the entire network of performers with a community-detecting algorithm (Louvain) enabled.` }, 3: { image: await FileAttachment("image@4.png").image(), caption: html`A filtered view of the network of performers connected to more than 15 other performers, with a community-detecting algorithm (Louvain) enabled and forces pulling communities together.` }, 4: { image: await FileAttachment("image@5.png").image(), caption: html`Advertisement in the New York Daily News.` }, 5: { image: await FileAttachment("image@6.png").image(), caption: html`Detail from Advertising booklet, “Legpads” Sherman P. Camp, New York: undated, Kokoon Arts Club and Philip Kaplan papers, Special Collections and Archives, Kent State University Libraries.` }, 6: { image: await FileAttachment("image@8.png").image(), caption: html`A filtered view of the entire network of people involved in the U.S. drag collective in the 1930s highlights Jack Mason’s position in relation to others. The red nodes are directly and secondarily connected to him, and the red edges show his connection to them.` }, 7: { image: await FileAttachment("image@9.png").image(), caption: html`A visual representation of the performers in the dataset, each appearing as a freestanding node divided into three swarms. From left to right are represented performers who appeared (1) only in a solo act, (2) in a mix of solo and group acts, and (3) only in a group together with other performers, in a nightclub or theatre performance.` }, 8: { image: await FileAttachment("image@10.png").image(), caption: html`A visual representation of the connections in early attempts to visualize the relationships between performers, venues, and cities.` }, 9: { image: await FileAttachment("image@11.png").image(), caption: html`A visual representation of the “overcrowding” of datapoints due to the three different types of nodes in the original visualization.` }, 10: { image: await FileAttachment("image@12.png").image(), caption: html`A visual representation of relaying multiple dimensions of metadata through edges between the nodes in the finished network visualization, foregrounding the social aspect of the network.` }, 11: { image: await FileAttachment("image@13.png").image(), caption: html`A filtered view of the entire network of people involved in the U.S. drag collective in the 1930s highlights Fay Norman’s position in relation to others. The red nodes are directly and secondarily connected to her, and the red edges show her connection to them.` }, 12: { image: await FileAttachment("image.png").image(), caption: html`A blurry and dimly lit photo of one of the Gay Boy Revue members in the Baldwinsville, NY courtroom from Syracuse Journal, April 4, 1935, 1.` }, 13: { image: await FileAttachment("image@1.png").image(), caption: html`One of the Gay Boy Revue advertisements announcing “See It—Live It—Dance It” from Syracuse Journal, March 29, 1935, 41.` }, } d = Object.keys(d).map(k=>Object.assign(d[k], { figure: html`

${d[k].image}

Figure ${k}. ${d[k].caption}

` })) return d }37:[{"id":"90605d8f4d80123de1d1ae35878619cc4b35ae05928355402eb475bd6a945fefa8a80415a7dc632516c2c94f7ab87dd6c3debdb53779371cb456170902c3c531","href":"https://static.observableusercontent.com/files/90605d8f4d80123de1d1ae35878619cc4b35ae05928355402eb475bd6a945fefa8a80415a7dc632516c2c94f7ab87dd6c3debdb53779371cb456170902c3c531","name":"image@9.png","type":"image/png","lastModified":1641835814893.187,"size":63235},{"id":"137a02c9d1d3d8f6cae24af1863eb6ca3d506effa65420361683d45dc2be128e7097eacd94b08d81527f5a939f14c66fd30fd9802dde238fe6c6a38878ca0732","href":"https://static.observableusercontent.com/files/137a02c9d1d3d8f6cae24af1863eb6ca3d506effa65420361683d45dc2be128e7097eacd94b08d81527f5a939f14c66fd30fd9802dde238fe6c6a38878ca0732","name":"image@8.png","type":"image/png","lastModified":1641835687237.719,"size":236775},{"id":"cbcc1e414172e553cda649da54cd684f4cbeae6722e9c1aacb2748f8d09557ca4f83bd386dfd064c2d0d55089adfe3e7f5a1a1d718e5109f45724e2bad72fcfc","href":"https://static.observableusercontent.com/files/cbcc1e414172e553cda649da54cd684f4cbeae6722e9c1aacb2748f8d09557ca4f83bd386dfd064c2d0d55089adfe3e7f5a1a1d718e5109f45724e2bad72fcfc","name":"image@10.png","type":"image/png","lastModified":1641835912078.485,"size":8593},{"id":"d1e82d8caba3778c51b3eeba52541f74247f5dbadb63870885ce8be766aaec81c28b4e4aead680dc26347068113cfebbeea406f5bf967d697cf3b1cfad431780","href":"https://static.observableusercontent.com/files/d1e82d8caba3778c51b3eeba52541f74247f5dbadb63870885ce8be766aaec81c28b4e4aead680dc26347068113cfebbeea406f5bf967d697cf3b1cfad431780","name":"image@4.png","type":"image/png","lastModified":1641835365627.48,"size":363765},{"id":"7eb586171ae0b7cfdf5add08d02d32f9c3870754ed459ce84d84e2f756b07bd3f85f49ba453d0f02f0ecd438feb8003254dd60a8082a8d877aa18e2d89455378","href":"https://static.observableusercontent.com/files/7eb586171ae0b7cfdf5add08d02d32f9c3870754ed459ce84d84e2f756b07bd3f85f49ba453d0f02f0ecd438feb8003254dd60a8082a8d877aa18e2d89455378","name":"image@3.png","type":"image/png","lastModified":1641835357507.18,"size":209246},{"id":"c6bfc99a3b6b2aee36e6242581d35e47893655741686517e0818513356a635cf35c1165579ac80e2237cdfea15c0323323824f996f3d55d1f73b88cb03758737","href":"https://static.observableusercontent.com/files/c6bfc99a3b6b2aee36e6242581d35e47893655741686517e0818513356a635cf35c1165579ac80e2237cdfea15c0323323824f996f3d55d1f73b88cb03758737","name":"image@2.png","type":"image/png","lastModified":1641835351482.082,"size":241127},{"id":"76f8cf25271ae677c626b4d9d53e6722dcc77373a9a52d591c1af5244011c317556f5a93db7a50076db25634866873de601271f5e59fa797d49d19a6126ac962","href":"https://static.observableusercontent.com/files/76f8cf25271ae677c626b4d9d53e6722dcc77373a9a52d591c1af5244011c317556f5a93db7a50076db25634866873de601271f5e59fa797d49d19a6126ac962","name":"image@1.png","type":"image/png","lastModified":1641835323450.39,"size":148457},{"id":"102b296a4c3f853815662cb86e27becc5ce42db4040e0b3e68094bebeea885561eba08d9d2c246f946c7dd2013ef08488d33fc1c30d12ac3d4c0f3562138dbe4","href":"https://static.observableusercontent.com/files/102b296a4c3f853815662cb86e27becc5ce42db4040e0b3e68094bebeea885561eba08d9d2c246f946c7dd2013ef08488d33fc1c30d12ac3d4c0f3562138dbe4","name":"image@7.png","type":"image/png","lastModified":1641835573447.182,"size":36700},{"id":"ca1c691a67156f62c9353270cb6f5e2a9e740f73db30d7b001c4e20b147d52f03285de384f7bd73c9243033d447be563872f30f8b41a8dc65c70da45b8ff30cf","href":"https://static.observableusercontent.com/files/ca1c691a67156f62c9353270cb6f5e2a9e740f73db30d7b001c4e20b147d52f03285de384f7bd73c9243033d447be563872f30f8b41a8dc65c70da45b8ff30cf","name":"image@6.png","type":"image/png","lastModified":1641835489076.824,"size":109918},{"id":"a964ebf89b6be1e5db3677679be0f9ad5e5966f29725e2398e45a741f78e4ca0e1d0c3301a9b558300edcfde441ff5f33345eb97c9abfc80010bb447ecf23c91","href":"https://static.observableusercontent.com/files/a964ebf89b6be1e5db3677679be0f9ad5e5966f29725e2398e45a741f78e4ca0e1d0c3301a9b558300edcfde441ff5f33345eb97c9abfc80010bb447ecf23c91","name":"image@5.png","type":"image/png","lastModified":1641835387384.018,"size":94807},{"id":"56d61d5c8388eb5e5b71d230f0872995ce260a5714b82355f27ef5f8f7785d660ab8dfc8f86d3f70a70bdd9b77e5e485aef220fa6fd2b4b135d0cabf5c5414a3","href":"https://static.observableusercontent.com/files/56d61d5c8388eb5e5b71d230f0872995ce260a5714b82355f27ef5f8f7785d660ab8dfc8f86d3f70a70bdd9b77e5e485aef220fa6fd2b4b135d0cabf5c5414a3","name":"image@13.png","type":"image/png","lastModified":1641835962989.952,"size":195992},{"id":"7f32b1ad7375f02256e8acc7aaef14aab0fab7ec184718052eba49058eea22684e4fe070c55829351c642ab14a8925de4c1769461a333343b86b5a027339b89c","href":"https://static.observableusercontent.com/files/7f32b1ad7375f02256e8acc7aaef14aab0fab7ec184718052eba49058eea22684e4fe070c55829351c642ab14a8925de4c1769461a333343b86b5a027339b89c","name":"image@12.png","type":"image/png","lastModified":1641835951788.367,"size":25102},{"id":"1d23010ecf162b19eb28c62cfd8f4104a515e1db65f377ac5eec5cbe06400758b40aa7836c0c1b6fe50b39c14e56849c442eb2c8a36df5678cd9ff9127707117","href":"https://static.observableusercontent.com/files/1d23010ecf162b19eb28c62cfd8f4104a515e1db65f377ac5eec5cbe06400758b40aa7836c0c1b6fe50b39c14e56849c442eb2c8a36df5678cd9ff9127707117","name":"image@11.png","type":"image/png","lastModified":1641835944881.977,"size":20011},{"id":"3d5f39972309800b4a430037dc3d0fbabef6b7135abdbbca32412c93b6debe1d7e969a664dc029155ef483e42ac976c0882209dc857593507925d40253bed957","href":"https://static.observableusercontent.com/files/3d5f39972309800b4a430037dc3d0fbabef6b7135abdbbca32412c93b6debe1d7e969a664dc029155ef483e42ac976c0882209dc857593507925d40253bed957","name":"image.png","type":"image/png","lastModified":1641835269026.841,"size":136962}] 2f:{"id":"cfd35d2f20f973f5","slug":"drag-dataset","title":"Appendix: Behind the Scenes of the Digital Component","thumbnail":"002c9d560b0638dd3694583515f63306d8f1224b425a030fc3c99796bd7678ff","access_level":"public","create_time":"$D2021-12-09T10:18:40.102Z","update_time":"$D2022-01-18T14:57:30.027Z","view_time":null,"first_public_time":"$D2021-12-09T10:18:52.950Z","fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"32362545e9f3330d","login":"kallewesterling","name":"Kalle Westerling","avatar_url":"https://avatars-next.observableusercontent.com/f759a45dfbde6f2da561a90bcc8852bd0efd30d6a12ae3031f4d0bedc2464b65","tier":"starter_2024"},"version":658,"publish_version":658,"role":null,"authored":false,"authors":[{"type":"individual","id":"a4098a3e48d12fd5","login":"kallewesterling","name":"Kalle Westerling","avatar_url":"https://avatars-next.observableusercontent.com/f759a45dfbde6f2da561a90bcc8852bd0efd30d6a12ae3031f4d0bedc2464b65","tier":null}],"members":[{"type":"individual","id":"a4098a3e48d12fd5","login":"kallewesterling","name":"Kalle Westerling","avatar_url":"https://avatars-next.observableusercontent.com/f759a45dfbde6f2da561a90bcc8852bd0efd30d6a12ae3031f4d0bedc2464b65","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":2,"collection":{"id":"f56ba7f1433fe336","slug":"dissertation-data","title":"Dissertation data","owner":{"id":"32362545e9f3330d","login":"kallewesterling","name":"Kalle Westerling"}},"type":"notebook","body":{"title":"Appendix: Behind the Scenes of the Digital Component","cells":[{"id":0,"value":"# Appendix: Behind the Scenes of the Digital Component","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":28,"value":"$31","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":38,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":31,"value":"## Settings","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":6,"value":"pairingsDataset = \"https://gist.githubusercontent.com/kallewesterling/71da192b279f98d8807d8c9b0dc12421/raw/full-pairings-dataset.json\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":12,"value":"fullDataset = \"https://gist.githubusercontent.com/kallewesterling/c9febb0a218a9b00b3fad714a49c0e4f/raw/full-drag-dataset.json\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":20,"value":"valuesDataset = \"https://gist.githubusercontent.com/kallewesterling/5143facd5b6e41d8a68a916f2a45a3f9/raw/full-values-dataset.json\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":71,"value":"networkDataset = \"https://gist.githubusercontent.com/kallewesterling/6f52cb9adfb7d503dabdbf14a2b49247/raw/full-network-dataset.json\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":79,"value":"egoDataset = \"https://gist.githubusercontent.com/kallewesterling/2b3d520976e5e251b75db09b4b13ad48/raw/ego-networks-14-days-no-unnamed.json\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":80,"value":"network14dataset = \"https://gist.githubusercontent.com/kallewesterling/fd3d7baa63410db5ed73d25b2f0d8086/raw/live-co-occurrence-grouped-by-14-days-no-unnamed-performers.json\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":82,"value":"network3dataset = \"https://gist.githubusercontent.com/kallewesterling/4e77f1c731f8100ddfaa3692fc0feb0d/raw/live-co-occurrence-grouped-by-3-days-no-unnamed-performers.json\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":313,"value":"exampleGroupDataset = \"https://gist.githubusercontent.com/kallewesterling/fad8436e30d1ac9626052ce2fd064fd3/raw/656e0223a35c2573b5dee7a17518d60aa8792e7e/example-group-data-jan-2022.json\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":43,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":47,"value":"## Imports of data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":9,"value":"pairings = d3.json(pairingsDataset)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":17,"value":"rawData = d3.json(fullDataset)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":25,"value":"values = d3.json(valuesDataset)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":74,"value":"network = d3.json(networkDataset)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":91,"value":"ego = d3.json(egoDataset)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":92,"value":"network14 = d3.json(network14dataset)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":97,"value":"network3 = d3.json(network3dataset)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":163,"value":"cities = getCitiesData()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":320,"value":"exampleGroupData = d3.json(exampleGroupDataset)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":178,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":147,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":151,"value":"## Utility functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":157,"value":"function getRandom(arr, n) {\n // See https://stackoverflow.com/questions/19269545/how-to-get-a-number-of-random-elements-from-an-array\n var result = new Array(n),\n len = arr.length,\n taken = new Array(len);\n \n if (n > len)\n throw new RangeError(\"getRandom: more elements taken than available\");\n\n while (n--) {\n var x = Math.floor(Math.random() * len);\n result[n] = arr[x in taken ? taken[x] : x];\n taken[x] = --len in taken ? taken[len] : len;\n }\n return result;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":160,"value":"formatComma = d3.format(\",\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":235,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":260,"value":"navigate = ({\n previous = undefined,\n next = undefined,\n}={}) => {\n return html`

\n ${previous ? html`◀︎ Previous` : html` `}\n ${next ? html`Next ►` : html` `}\n

`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":257,"value":"getNetworkLocations = () => {\n const locations = []\n network14.links.forEach(d => locations.push(...Object.keys(d.coLocated)))\n return [...new Set(locations)].sort()\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":245,"value":"footnote = (referencingCellName, number, text) => {\n // See @jashkenas/markdown-style-footnotes for the inspiration\n text = linkify(text);\n return html`

↑ ${text}

`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":517,"value":"renderAllParagraphs = (paragraphs, ix) => html`${paragraphs.map(d=>d.outerHTML).join('\\n')}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":485,"value":"paragraph = (number, text) => html`${text}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":467,"value":"footnoteRef = (fn) => html`^${fn}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":482,"value":"renderAllFootnotes = (footnotes) => html`${footnotes.map(d=>d.outerHTML).join('\\n')}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":427,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":339,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":344,"value":"#### Style","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":331,"value":"fullWidth = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":334,"value":"scriptDisclaimer = md`\n

\n#### Scripts\n\nThis section is only here to serve the examples above. No need to pay attention to them, unless you are particularly curious, of course.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":369,"value":"tachyons = {\n const src = \"https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css\";\n const n = html``;\n const api = {\n attach: () => document.querySelector(\"head\").prepend(n),\n detach: () => n.parentNode && n.parentNode.removeChild(n)\n };\n api.attach();\n invalidation.then(api.detach);\n return api;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":381,"value":"smallNav()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":372,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":379,"value":"$36","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":565,"value":"tables = {\n let d = {\n 1: {\n image: await FileAttachment(\"image@7.png\").image(),\n caption: html`Distribution of content by ten most occurring keywords across 353 advertisements.`\n }\n }\n \n d = Object.keys(d).map(k=>Object.assign(d[k], {\n table: html`\n

\n ${d[k].image}\n

Table ${k}. ${d[k].caption}

\n `\n }))\n \n return d\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":477,"value":"/*\nchapterStyle = html``\n*/","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":643,"value":"moment = require('moment')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":648,"value":"ga = (ua = \"G-60HKCT7QWE\") => {\n const script = document.createElement('script');\n script.src = `https://www.googletagmanager.com/gtag/js?id=${ua}`;\n script.type = 'text/javascript';\n script.async = true;\n\n script.onload = () => {\n window.dataLayer = window.dataLayer || [];\n function gtag() {\n var dataLayer = window.dataLayer;\n dataLayer.push(arguments);\n }\n gtag('js', new Date());\n\n gtag('config', ua);\n };\n document.body.appendChild(script);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 30:"$2f:body"