25:["$","title",null,{"children":"Atlanta | Victor Zimmermann | Observable"}] 4b:T20c6,statesMap = { const container = html`

`; yield container; var map = L.map(container).setView([33.7490, -84.3880], 11); //Lat, Long, Zoom L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', { maxZoom: 18, attribution: 'Map data © OpenStreetMap contributors, ' + 'CC-BY-SA, ' + 'Imagery © Mapbox', id: 'mapbox/light-v9', tileSize: 512, zoomOffset: -1 }).addTo(map); //Stellt, die GeoJSON Informationen auf der Karte dar. //var geojson = L.geoJson(neighborhoods).addTo(map); //var redlining = L.geoJson(redlines).addTo(map); var geotweet = L.geoJSON(tweets, { pointToLayer: function (feature, latlng) { return L.circleMarker(latlng, pointStyle(feature)).bindPopup(feature.properties.text).openPopup(); } }) var geoblodgett = L.geoJSON(tweets, { pointToLayer: function (feature, latlng) { return L.circleMarker(latlng, resolvedStyle(feature)).bindPopup(feature.properties.text).openPopup(); } }) var inferences = L.geoJSON(tweets, { pointToLayer: function (feature, latlng) { return L.circleMarker(latlng, inferenceStyle(feature)).bindPopup(feature.properties.text).openPopup(); } }) var nothing = L.geoJSON() var geojson; var redlining; var geotweet; var geoblodgett; var inferences; var info = L.control(); //Bei Mouseover werden die Features hervorgehoben (die Staaten) function highlightFeature(e) { var layer = e.target; layer.setStyle({ weight: 5, color: '#666', dashArray: '', fillOpacity: 0.7 }); //Funktioniert nicht für Internet Explorer, Opera und Edge //if (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) { // layer.bringToFront(); //} //Updatet die Infobox mit den Eigenschaft des Ausgewählten Features (Staat) info.update(layer.feature.properties); } //setzt das Highlight zurück function resetHighlight(e) { geojson.resetStyle(e.target); } function resetHighlightRed(e) { redlining.resetStyle(e.target); } //erlaubt Zoom function zoomToFeature(e) { map.fitBounds(e.target.getBounds()); } //add Mouseover, Mouseout and Click für ein Feature eines Layers function onEachFeature(feature, layer) { if (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) { geotweet.bringToFront(); geoblodgett.bringToFront(); }; layer.on({ mouseover: highlightFeature, mouseout: resetHighlight, click: zoomToFeature }); } function onEachRed(feature, layer) { if (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) { geotweet.bringToFront(); geoblodgett.bringToFront(); }; layer.on({ mouseover: highlightFeature, mouseout: resetHighlightRed, click: zoomToFeature }); } function onEachPoint(feature, layer) { layer.on({ }); } geojson = L.geoJson(neighborhoods, { style: style, //style wie in den oberen Zellen definiert onEachFeature: onEachFeature //wendet Funktion auf jedes Feature an }).addTo(map); redlining = L.geoJson(redlines, { style: redStyle, //style wie in den oberen Zellen definiert onEachFeature: onEachRed //wendet Funktion auf jedes Feature an }).addTo(map); geotweet = L.geoJson(tweets, { style: pointStyle, //style wie in den oberen Zellen definiert onEachFeature: onEachPoint, pointToLayer: function (feature, latlng) { return L.circleMarker(latlng, pointStyle(feature)).bindPopup(feature.properties.text + "

langid.py: " + feature.properties.langid + "
Blodgett, et al. (2016): " + feature.properties.lang).openPopup(); } }).addTo(map); geoblodgett = L.geoJson(tweets, { style: resolvedStyle, //style wie in den oberen Zellen definiert onEachFeature: onEachPoint, pointToLayer: function (feature, latlng) { return L.circleMarker(latlng, resolvedStyle(feature)).bindPopup(feature.properties.text + "

langid.py: " + feature.properties.langid + "
Blodgett, et al. (2016): " + feature.properties.lang + "").openPopup() ; } }).addTo(map); inferences = L.geoJson(tweets, { style: inferenceStyle, //style wie in den oberen Zellen definiert onEachFeature: onEachPoint, pointToLayer: function (feature, latlng) { return L.circleMarker(latlng, inferenceStyle(feature)).bindPopup(feature.properties.text + "

langid.py: " + feature.properties.langid + "
Blodgett, et al. (2016): " + feature.properties.lang + "").openPopup() ; } }).addTo(map); //Methode, die beim Hinzufügen der Infobox ausgeführt wird info.onAdd = function (map) { this._div = L.DomUtil.create('div', 'info'); // erstellt div mit class "info" this.update(); //ruft inital die update Methode auf return this._div; }; // Update Methode für die Infobox info.update = function (props) { this._div.innerHTML = '

AAVE Tweets in Atlanta

' + ( props && props.NEIGHBORHO ? '' + props.NEIGHBORHO + '
Asian: ' + props.asian + '%' + '
Black: ' + props.black + '%' + '
Hispanic: ' + props.hispanic + '%' + '
White: ' + props.white + '%' + '
other: ' + props.other + '%' : props && props.name ? '' + props.name + "
Home Owners' Loan Corporation Grade: " + props.holc_grade: 'hover over a neighborhood'); //definiert den Inhalt der Infobox }; //Fügt Infobox zur Karte hinzu info.addTo(map); var legend = L.control({position: 'bottomright'}); legend.onAdd = function (map) { var div = L.DomUtil.create('div', 'info legend'), grades = ['#2b8cbe', '#a6bddb', '#ece7f2', '#fee8c8', '#fdbb84', '#e34a33'], labels = [">95% Black",">50% Black","Majority Black","Majority White",">50% White",">95% White"], tweet_grades = ['#ffffff','#44bd32'], tweet_labels = ['English', 'non-English'], inference_grades = ['#2b8cbe','#9b59b6','#009432','#e34a33'], inference_labels = ['AA', 'Hispanic', 'other', 'White'] // loop through our density intervals and generate a label with a colored square for each interval div.innerHTML += "Neighbourhood:
"; for (var i = 0; i < grades.length; i++) { div.innerHTML += ' ' + labels[i] + '
'; }; div.innerHTML += "Language:
"; for (var i = 0; i < tweet_grades.length; i++) { div.innerHTML += ' ' + tweet_labels[i] + '
'; }; div.innerHTML += "Demographic inference:
"; for (var i = 0; i < inference_grades.length; i++) { div.innerHTML += ' ' + inference_labels[i] + '
'; }; return div; }; legend.addTo(map); var choroplethMaps = { "Neighbourhoods": geojson, "Redlining (1938)": redlining }; var overlayMaps = { "clear" : nothing, "langid.py" : geotweet, "model demographic inferences": inferences, "Blodgett, et al. (2016)": geoblodgett }; var _ = undefined; L.control.layers(choroplethMaps, _, {collapsed: false, position: "bottomleft"}).addTo(map); L.control.layers(overlayMaps, _, {collapsed: false, position: "bottomleft"}).addTo(map); } // Wendet das Oben spezifizierte Farbschema auf die Karte an // geojson = L.geoJson(states, {style: style}).addTo(map); 4c:[{"id":"66558ec4c362d1df0cdf8d6d2693d2245e1fdbacaa58b58cf76f2d0cea1d70d1b77a8e2c24c1c626e3244133d52bcc2074ae745364a2fc7cfc26cfc39d3ea55b","href":"https://static.observableusercontent.com/files/66558ec4c362d1df0cdf8d6d2693d2245e1fdbacaa58b58cf76f2d0cea1d70d1b77a8e2c24c1c626e3244133d52bcc2074ae745364a2fc7cfc26cfc39d3ea55b","name":"tweets_blodgett_600.json","type":"application/json","lastModified":1626638149472.351,"size":197035},{"id":"a9577e43b805d334bdd2baaf41015c13c3388d8eb10f78319699daa41b268aa5e5698a40d987f2b546f4496702a0fa3415ecbc1e00c68b00c40cd60658abe8de","href":"https://static.observableusercontent.com/files/a9577e43b805d334bdd2baaf41015c13c3388d8eb10f78319699daa41b268aa5e5698a40d987f2b546f4496702a0fa3415ecbc1e00c68b00c40cd60658abe8de","name":"GAAtlanta1938.geojson","type":"application/geo+json","lastModified":1626640262401.214,"size":226104},{"id":"a84287b04b270158379816437c853f8b0360afcf644160fd2c7db91f7d71fb975bcd964955e7fabc48496c469d89cd4bdcc64efbc2aa53f8f093e716a3fdf29b","href":"https://static.observableusercontent.com/files/a84287b04b270158379816437c853f8b0360afcf644160fd2c7db91f7d71fb975bcd964955e7fabc48496c469d89cd4bdcc64efbc2aa53f8f093e716a3fdf29b","name":"tweets_blodgett_1300.json","type":"application/json","lastModified":1626644481316.687,"size":429239},{"id":"40f2f0188f4334c7e5283f02e4ffe9faca5c32b96f8e49dbf8d6a1f910ef94309fdd3c50d24ac6f224cfa1e2b81da809fb31fc91309d6b358a35ff5ad369afec","href":"https://static.observableusercontent.com/files/40f2f0188f4334c7e5283f02e4ffe9faca5c32b96f8e49dbf8d6a1f910ef94309fdd3c50d24ac6f224cfa1e2b81da809fb31fc91309d6b358a35ff5ad369afec","name":"City_of_Atlanta_Neighborhood_Statistical_Areas.geojson","type":"application/geo+json","lastModified":1626425770052.687,"size":803900}] 47:{"id":"587bef13868bdf27","slug":"atlanta","title":"Atlanta","thumbnail":"247a398edf5cca14dcfe012182484cff65cd144e09f4843ab7ec7e06bd0dbb71","access_level":"public","create_time":"$D2021-07-16T08:15:36.843Z","update_time":"$D2021-07-18T22:12:48.973Z","view_time":null,"first_public_time":"$D2021-07-18T16:02:40.805Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"823934bc21b0595a","login":"greenlinguist","name":"Victor Zimmermann","avatar_url":"https://avatars-next.observableusercontent.com/7446848f2df6915cfb45d5bc0e19ec2db2ee0f350a07d3d72d82ad494859a826","tier":"starter_2024","bio":"As I Lay Me Down is better than Damn I Wish I Was Your Lover.","following":false},"version":406,"publish_version":406,"role":null,"authored":false,"authors":[{"type":"individual","id":"f9bf90a73304e95d","login":"greenlinguist","name":"Victor Zimmermann","avatar_url":"https://avatars-next.observableusercontent.com/7446848f2df6915cfb45d5bc0e19ec2db2ee0f350a07d3d72d82ad494859a826","tier":null,"bio":"As I Lay Me Down is better than Damn I Wish I Was Your Lover.","following":false}],"members":[{"type":"individual","id":"f9bf90a73304e95d","login":"greenlinguist","name":"Victor Zimmermann","avatar_url":"https://avatars-next.observableusercontent.com/7446848f2df6915cfb45d5bc0e19ec2db2ee0f350a07d3d72d82ad494859a826","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Atlanta","cells":[{"id":91,"value":"# Atlanta","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"L = {\n const L = await require(\"leaflet@1/dist/leaflet.js\");\n if (!L._style) {\n const href = await require.resolve(\"leaflet@1/dist/leaflet.css\");\n document.head.appendChild(L._style = html``);\n }\n return L;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"neighborhoods = FileAttachment(\"City_of_Atlanta_Neighborhood_Statistical_Areas.geojson\").json();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"tweets = FileAttachment(\"tweets_blodgett_1300.json\").json();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":302,"value":"redlines = FileAttachment(\"GAAtlanta1938.geojson\").json();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"function getColor(black, white, asian, hispanic, other) {\n //liest sich: if (d > 1000) {return '#800026'} else {...}\n return black > Math.max(white, asian, hispanic, other) && black > 95 ? '#2b8cbe' :\n black > Math.max(white, asian, hispanic, other) && black > 50 ? '#a6bddb' :\n black > Math.max(white, asian, hispanic, other) && black < 50 ? '#ece7f2' :\n white > Math.max(black, asian, hispanic, other) && white > 95 ? '#e34a33' :\n white > Math.max(black, asian, hispanic, other) && white > 50 ? '#fdbb84' :\n white > Math.max(black, asian, hispanic, other) && white < 50 ? '#fee8c8' :\n '#ffffff';\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":320,"value":"function getRedColor(holc_grade) {\n //liest sich: if (d > 1000) {return '#800026'} else {...}\n return holc_grade == \"A\" ? '#44bd32' :\n holc_grade == \"B\" ? '#40739e' :\n holc_grade == \"C\" ? '#e1b12c' :\n holc_grade == \"D\" ? '#c23616' :\n \"hsla(120, 100%, 50%, 0.0)\";\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":379,"value":"function getInferenceColor(aa,hispanic,other,white) {\n //liest sich: if (d > 1000) {return '#800026'} else {...}\n return aa > Math.max(hispanic, other, white) ? '#2b8cbe' :\n hispanic > Math.max(aa, other, white) ? '#9b59b6' :\n other > Math.max(aa, hispanic, white) ? '#009432' :\n white > Math.max(aa, hispanic, other) ? '#e34a33' :\n \n \"hsla(120, 100%, 50%, 0.0)\";\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"function getTweetColor(lang) {\n //liest sich: if (d > 1000) {return '#800026'} else {...}\n return lang=='en' ? '#ffffff' :\n '#44bd32';\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":212,"value":"function getTweetOpacity(lang) {\n //liest sich: if (d > 1000) {return '#800026'} else {...}\n return lang == 'en' ? 0.2 :\n 0.8;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":355,"value":"function getTweetSize(lang) {\n //liest sich: if (d > 1000) {return '#800026'} else {...}\n return lang == 'en' ? 4 :\n 5;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"function style(feature) {\n return {\n fillColor: getColor(feature.properties.black,\n feature.properties.white,\n feature.properties.asian,\n feature.properties.hispanic,\n feature.properties.other), //der Farbwert ist abhängig von der Bevölkerungsdichte\n weight: 2,\n opacity: 1,\n color: 'white',\n dashArray: '3',\n fillOpacity: 0.4\n };\n};","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":318,"value":"function redStyle(feature) {\n return {\n fillColor: getRedColor(feature.properties.holc_grade),\n weight: 1,\n opacity: 0.3,\n color: getRedColor(feature.properties.holc_grade),\n fillOpacity: 0.3\n };\n};","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"function pointStyle(feature) {\n return {\n radius: getTweetSize(feature.properties.langid),\n fillColor: getTweetColor(feature.properties.langid),\n color: \"#000\",\n weight: 1,\n opacity: 0.8,\n fillOpacity: 0.8,\n };\n};","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":280,"value":"function resolvedStyle(feature) {\n return {\n radius: getTweetSize(feature.properties.lang),\n fillColor: getTweetColor(feature.properties.lang),\n color: \"#000\",\n weight: 1,\n opacity: getTweetOpacity(feature.properties.langid),\n fillOpacity: getTweetOpacity(feature.properties.langid),\n };\n};","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":377,"value":"function inferenceStyle(feature) {\n return {\n radius: getTweetSize(feature.properties.langid),\n fillColor: getInferenceColor(feature.properties.aa, feature.properties.hispanic, feature.properties.other, feature.properties.white),\n color: \"#000\",\n weight: 1,\n opacity: 0.8,\n fillOpacity: 0.8\n };\n};","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"$4b","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4c","stdlib":"1"}} 24:null