2b:null 2c:["$","title",null,{"children":"Updated Most Frequent Visualization | Morva Saaty | Observable"}] 31:T5c8,{ // Make a container in the Observable DOM to hold the map let parent = DOM.element('div', { style: `width:${width}px;height:${width/2}px` }); // Make sure Observable renders the parent container so Leaflet can figure out it's size yield parent; // Create a map centered on the continental United States let map = L.map(parent).setView([39.8283, -98.5795], 4); // adjusted latitude, longitude, and zoom level let osmTileLayer = L.tileLayer('http://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png', { attribution: '© OpenStreetMap' }).addTo(map); // Add points to the map based on processed data Object.values(processedData).forEach(location => { const color = getColorByLatitude(location.lat); let marker = L.circleMarker([location.lat, location.lon], {color: color}).addTo(map); // Initialize a popup with the topics and add it to the marker let popup = L.popup({maxHeight: 200, minWidth: 200}) .setContent(createPopupContent(location)); marker.bindPopup(popup); // Update the popup content to show the topics when the user hovers over the marker marker.on('mouseover', function (e) { this.openPopup(); this.setPopupContent(createPopupContent(location)); }); // Update the popup content to show the journal entries when the user clicks on the marker marker.on('click', function (e) { this.setPopupContent(createPopupContent(location, true)); }); }); }32:[{"id":"9ba40d8df158e69d1ae650501cbbb3bc1e83685dec62bbc75a5b4030ea7a8ebe4d39f8785e42e9fe5ae6480818d9bf18cb62eee264f1984ce10e867e82fdff3f","href":"https://static.observableusercontent.com/files/9ba40d8df158e69d1ae650501cbbb3bc1e83685dec62bbc75a5b4030ea7a8ebe4d39f8785e42e9fe5ae6480818d9bf18cb62eee264f1984ce10e867e82fdff3f","name":"TopTopics_fear.csv","type":"text/csv","lastModified":1698439846714.623,"size":368597}] 2f:{"id":"407faa4fcfe1a280","slug":null,"title":"Updated Most Frequent Visualization","thumbnail":"07e5dd029c22482e0edfc122a61f7d9e41c42fae4053a6912c7d868545c1c060","access_level":"public","create_time":"$D2023-10-27T20:50:46.714Z","update_time":"$D2023-10-27T20:50:46.714Z","view_time":null,"first_public_time":"$D2023-10-27T20:50:46.714Z","has_unpublished_edits":null,"fork":{"id":"70b24eb3ae9377c5","slug":null,"title":"Updated Most Frequent Visualization","owner":{"id":"8b82d494cbfefa7f","login":"brett-noneman-ws","name":"Brett Noneman's Workspace"}},"stars":0,"starred":false,"owner":{"type":"team","id":"e528d6b7ff0490a4","login":"morvasaaty","name":"Morva Saaty","avatar_url":"https://avatars-next.observableusercontent.com/84d57fbc829971dcc99e6cdc3f435140e4b5d2b41c74a95165001427230f2d26","tier":"starter_2024","bio":""},"version":103,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"dd80360632e7c161","login":"morvasaaty","name":"Morva Saaty","avatar_url":"https://avatars-next.observableusercontent.com/84d57fbc829971dcc99e6cdc3f435140e4b5d2b41c74a95165001427230f2d26","tier":null,"bio":""}],"members":[{"type":"individual","id":"dd80360632e7c161","login":"morvasaaty","name":"Morva Saaty","avatar_url":"https://avatars-next.observableusercontent.com/84d57fbc829971dcc99e6cdc3f435140e4b5d2b41c74a95165001427230f2d26","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Updated Most Frequent Visualization","cells":[{"id":0,"value":"# Updated Most Frequent Visualization","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"leaflet = require('leaflet@1.7.1/dist/leaflet-src.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"data = FileAttachment(\"TopTopics_fear.csv\").csv(d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"processedData = data.reduce((acc, d) => {\n if (!acc[d[\"Location Name\"]]) {\n acc[d[\"Location Name\"]] = {\n name: d[\"Location Name\"],\n lat: d.Latitude,\n lon: d.Longitude,\n topics: [],\n journalEntries: [\n d[\"Journal Entry 1\"],\n d[\"Journal Entry 2\"],\n d[\"Journal Entry 3\"],\n d[\"Journal Entry 4\"],\n d[\"Journal Entry 5\"]\n ].filter(Boolean) // Filter out any undefined or empty entries\n };\n }\n acc[d[\"Location Name\"]].topics.push({ number: d[\"Top Topics\"], words: d[\"Topic Words\"] });\n return acc;\n}, {});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"function createPopupContent(location, showJournalEntries = false) {\n let content = `${location.name}
`;\n \n if (showJournalEntries) {\n if (location.journalEntries && location.journalEntries.length > 0) {\n content += `Journal Entries:

${entry}

`;\n } else {\n content += `

No journal entries available.

`;\n }\n } else {\n location.topics.forEach((topic, index) => {\n content += `${ordinalSuffixOf(index + 1)} Most Frequent Topic: ${topic.number} - ${topic.words}
`;\n });\n }\n \n return content;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"function getColorByLatitude(lat) {\n // Define the latitudes for the southernmost and northernmost points of the Appalachian Trail\n const southLat = 34.6272; // Springer Mountain, Georgia\n const northLat = 45.9044; // Mount Katahdin, Maine\n \n // Calculate the percentage of the way from south to north this latitude is\n const percent = (lat - southLat) / (northLat - southLat);\n \n // Define your color gradient here, from south to north\n const southColor = d3.rgb(\"#ff0000\"); // Red\n const northColor = d3.rgb(\"#0000ff\"); // Blue\n \n // Calculate the color at this percentage\n const color = d3.interpolateRgb(southColor, northColor)(percent);\n \n return color;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"function ordinalSuffixOf(i) {\n var j = i % 10,\n k = i % 100;\n if (j == 1 && k != 11) {\n return i + \"st\";\n }\n if (j == 2 && k != 12) {\n return i + \"nd\";\n }\n if (j == 3 && k != 13) {\n return i + \"rd\";\n }\n return i + \"th\";\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1"}} 30:"$2f:body"