2b:null 2c:["$","title",null,{"children":"Updated Most Frequent Visualization | Brett Noneman's Workspace | 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":"71c9d9c9b988956148f36dc6d32ef9499d707647a058ec392243857d3dceb647812fd6a981aa05e05fa434ecb707c965a4d03af28fea3c28563a98544b51f999","href":"https://static.observableusercontent.com/files/71c9d9c9b988956148f36dc6d32ef9499d707647a058ec392243857d3dceb647812fd6a981aa05e05fa434ecb707c965a4d03af28fea3c28563a98544b51f999","name":"TopTopics_fear@1.csv","type":"text/csv","lastModified":1698777540596.112,"size":372272},{"id":"9daabb1fe0fe287cfb4473e7a6d18b7b6cb71329eb088db1e956a665bd88c05aeee06e637dd29a83f640eaddb45de8f45ea387f4f63797e70cbf85a494dea89c","href":"https://static.observableusercontent.com/files/9daabb1fe0fe287cfb4473e7a6d18b7b6cb71329eb088db1e956a665bd88c05aeee06e637dd29a83f640eaddb45de8f45ea387f4f63797e70cbf85a494dea89c","name":"TopTopics_fear-1 - TopTopics_fear-1.csv","type":"text/csv","lastModified":1699670403202.843,"size":372659},{"id":"eb6f7ceb5515c4d7b8d10813be05583f0d736ef1555d6c344b3e690f01cc462abe0a8185c20ed522e3654036123d4a6f996ba2a59fe98339f1d83fa4755eade1","href":"https://static.observableusercontent.com/files/eb6f7ceb5515c4d7b8d10813be05583f0d736ef1555d6c344b3e690f01cc462abe0a8185c20ed522e3654036123d4a6f996ba2a59fe98339f1d83fa4755eade1","name":"TopTopics_joy@2.csv","type":"text/csv","lastModified":1698436161279.466,"size":872143},{"id":"50b2a98992d0a249062ad767077fae2048fdd64a6b79ed2a23c770b5dfbedd5c7b9902498c10168fcb14b87feb5f096c5cb34c7df0c285edb0697e547bbd679e","href":"https://static.observableusercontent.com/files/50b2a98992d0a249062ad767077fae2048fdd64a6b79ed2a23c770b5dfbedd5c7b9902498c10168fcb14b87feb5f096c5cb34c7df0c285edb0697e547bbd679e","name":"TopTopics_joy@3.csv","type":"text/csv","lastModified":1698436540971.594,"size":70909},{"id":"9ba40d8df158e69d1ae650501cbbb3bc1e83685dec62bbc75a5b4030ea7a8ebe4d39f8785e42e9fe5ae6480818d9bf18cb62eee264f1984ce10e867e82fdff3f","href":"https://static.observableusercontent.com/files/9ba40d8df158e69d1ae650501cbbb3bc1e83685dec62bbc75a5b4030ea7a8ebe4d39f8785e42e9fe5ae6480818d9bf18cb62eee264f1984ce10e867e82fdff3f","name":"TopTopics_fear.csv","type":"text/csv","lastModified":1698438422991.936,"size":368597}] 2f:{"id":"70b24eb3ae9377c5","slug":null,"title":"Updated Most Frequent Visualization","thumbnail":"114a2c701ba705010a9292cbb35f08dfcda4b9a64119f70f0aa3e2c22517b23a","access_level":"public","create_time":"$D2023-10-27T06:33:54.800Z","update_time":"$D2023-11-11T02:41:24.703Z","view_time":null,"first_public_time":"$D2023-10-27T06:33:54.800Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"8b82d494cbfefa7f","login":"brett-noneman-ws","name":"Brett Noneman's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/9f3d79b330ee804a2e5e9881ed17beae47bf826a1d84ac84e22bf1af8c433731","tier":"starter_2024","bio":""},"version":111,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"31d2c6d0655327ce","login":"brett-noneman","name":"Brett Noneman","avatar_url":"https://avatars-next.observableusercontent.com/a3800a913c26d0a73ccd57d034d9c78be1dd254c8ebca065d66873a5a8b85374","tier":null,"bio":""}],"members":[{"type":"individual","id":"31d2c6d0655327ce","login":"brett-noneman","name":"Brett Noneman","avatar_url":"https://avatars-next.observableusercontent.com/a3800a913c26d0a73ccd57d034d9c78be1dd254c8ebca065d66873a5a8b85374","tier":null,"role":"editor"},{"type":"team","id":"8b82d494cbfefa7f","login":"brett-noneman-ws","name":"Brett Noneman's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/9f3d79b330ee804a2e5e9881ed17beae47bf826a1d84ac84e22bf1af8c433731","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"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-1 - TopTopics_fear-1.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 numberOfJournals: d[\"Number of Journals\"],\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} - ${location.numberOfJournals} Journal Entries
`;\n \n if (showJournalEntries) {\n location.journalEntries.forEach((entry, index) => {\n content += `

Journal Entry ${index + 1}: ${entry}

`;\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"