40:null 41:["$","title",null,{"children":"Mapping Civil War Battles | vonnie | Observable"}] 47:[{"id":"2f96790d554db28d88222792f28ceef33eaa12e6e767a91f593ff75c5bec9a660071ce6211d5f8038571ba84f0f55833874f8fd5c20e32fd8dbd2d04fd08674a","href":"https://static.observableusercontent.com/files/2f96790d554db28d88222792f28ceef33eaa12e6e767a91f593ff75c5bec9a660071ce6211d5f8038571ba84f0f55833874f8fd5c20e32fd8dbd2d04fd08674a","name":"battles.csv","type":"text/csv","lastModified":1669316622607.71,"size":24544}] 45:{"id":"e4a5725427a4949e","slug":null,"title":"Mapping Civil War Battles","thumbnail":"d55511b53b9d3fc44ba571e288c1a2630e1ead2e9944e6e39103d31e863e5bd8","access_level":"public","create_time":"$D2022-11-24T19:03:21.877Z","update_time":"$D2025-01-17T18:35:58.236Z","view_time":null,"first_public_time":"$D2022-11-27T21:27:20.510Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"95bf53e476f8eeec","login":"vipndip","name":"vonnie","avatar_url":"https://avatars-next.observableusercontent.com/997a0f51d1dc6891c31148088484a4ed11328c1030ec088a03b60208df8cea87","tier":"starter_2024","bio":"I just be coding","following":false},"version":332,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"03f7ce48da2af97d","login":"vipndip","name":"vonnie","avatar_url":"https://avatars-next.observableusercontent.com/997a0f51d1dc6891c31148088484a4ed11328c1030ec088a03b60208df8cea87","tier":null,"bio":"I just be coding","following":false}],"members":[{"type":"individual","id":"03f7ce48da2af97d","login":"vipndip","name":"vonnie","avatar_url":"https://avatars-next.observableusercontent.com/997a0f51d1dc6891c31148088484a4ed11328c1030ec088a03b60208df8cea87","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"d6598d144c3dfc56","slug":"advanced-data-vis","title":"Advanced Data Vis","owner":{"id":"95bf53e476f8eeec","login":"vipndip","name":"vonnie"}},"type":"notebook","body":{"titling":"auto","title":"Mapping Civil War Battles","cells":[{"id":0,"value":"# Mapping Civil War Battles","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":167,"value":"{\n const container = html`

`\n yield container\n const map = L.map(container).setView([40.7934, -77.8900], 7)\n const baseLayer = L.tileLayer(cartoLight, {attribution:cartoAttr}).addTo(map)\n const options = {\n radius:5000,\n weight: 1,\n opacity: 1,\n fillColor: 'blue',\n fillOpacity:.6,\n color:'red'\n \n }\n \n L.geoJSON(result, {\n pointToLayer: (feature, latlng) => {\n return L.circle(latlng, options)\n }\n \n }).bindPopup(\n (Layer) => {return Layer.feature.properties.name}\n ).addTo(map)\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":270,"value":"result = {\n const battles = []\n for (let index = 0; index < data.length; index = index + 1) {\n battles.push({\n type: \"Feature\",\n geometry:{\n type: \"Point\",\n coordinates:[parseFloat(data[index].longitude), parseFloat(data[index].latitude)]},\n properties:{\"name\": data[index].battleName}\n })\n}\n return battles\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"osMap = \"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"osmAttr = '© OpenStreetMap contributors'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"cartoLight = \"https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}@2x.png\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"cartoDark = \"https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}@2x.png\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"cartoAttr = '© OpenStreetMap, © CARTO'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"data = FileAttachment(\"battles.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"{\n \"type\": \"Feature\",\n \"geometry\": {\n \"type\": \"Point\",\n \"coordinates\": [125.6, 10.1]\n },\n \"properties\": {\n \"name\": \"Dinagat Islands\"\n }\n}\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":81,"value":"// Cities[0].City\n\n//https://geojson.org/ we need to make the JSON format into the GeoJson format","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"test = {\n const cities = []\n for (let index = 0; index < 10; ++index) {\n cities.push({\n type: \"Feature\",\n geometry:{\n type: \"Point\",\n coordinates:[parseFloat(data[index].Longitude), parseFloat(data[index].Latitude)]\n },\n properties:{\n \"name\": data[index].City \n }\n })\n }\n return cities\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W47","stdlib":"1"}} 46:"$45:body"