2c:null 2d:["$","title",null,{"children":"Loeb Classical Library - Birthplace of authors | dgaitsgo | Observable"}] 32:T18c6,{ const authors = await FileAttachment("authors-0.json").json() let container = html`

`; // Give the container dimensions. yield container; /*****************************************************************************/ // Data /*****************************************************************************/ const coordinateMap = {} authors.features = authors.features.forEach((feature) => { const coords = feature.geometry.coordinates.toString() if (!coordinateMap[coords]) { coordinateMap[coords] = [] } if (coords === "0,0") { return false } coordinateMap[coords].push(feature) return true }) function distributeFeatures(center, features) { const numFeatures = features.length; const radius = 0.005 const angleIncrement = (2 * Math.PI) / numFeatures features.forEach((feature, index) => { const angle = index * angleIncrement; const newX = center[0] + radius * Math.cos(angle) const newY = center[1] + radius * Math.sin(angle) feature.geometry.coordinates = [newX, newY] }) return features } let nextFeatures = [] Object.keys(coordinateMap).forEach((coordKey) => { let features = coordinateMap[coordKey] if (features.length > 1) { const coords = coordKey.split(',').map(s => Number(s)) const distributedFeatures = distributeFeatures(coords, features) nextFeatures = nextFeatures.concat(distributedFeatures) } else { nextFeatures = nextFeatures.concat(features) } }) authors.features = nextFeatures /*****************************************************************************/ // Map /*****************************************************************************/ function goMap() { mapboxgl.accessToken = 'pk.eyJ1IjoiaXNhYWNsdW1wa2lucyIsImEiOiJjajNhdTVlZXMwMGFnMzJvNzdoemQ0N3phIn0.hv3Atoq7kaBU9F-YCBGBOw' const map = new mapboxgl.Map({ container, center: [18.274, 41.797], zoom: 3.62, style: 'mapbox://styles/isaaclumpkins/cjkzrmwrj15hr2rls8lr80d7h', layout: { 'text-allow-overlap': true, 'text-ignore-placement': true, 'icon-allow-overlap': true, 'icon-ignore-placement': true, } }) map.on('load', () => { map.addSource('authors', { 'type': 'geojson', 'data': authors }) map.addLayer({ 'id': 'authors', 'type': 'circle', 'source': 'authors', 'paint': { 'circle-color': [ "match", ["get", "language"], ["Latin"], "hsla(350, 74%, 45%, 0.28)", ["Greek"], "hsla(138, 38%, 51%, 0.28)", "#000000" ], "circle-radius": [ "interpolate", ["linear"], ["get", "pages"], 0, 7, 536, 10, 1072, 15, 5535, 20, 9998, 25, 15056, 30 ] } }) /*****************************************************************************/ // Interaction /*****************************************************************************/ const popup = new mapboxgl.Popup({ closeButton: false, closeOnClick: false }); map.on('mouseenter', 'authors', (e) => { map.getCanvas().style.cursor = 'pointer' const coordinates = e.features[0].geometry.coordinates.slice() const { occupations, language, period, birth_place, pages, dob, name } = e.features[0].properties while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) { coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360 } const getBirthYear = (dob) => { let year, ab if (dob[0] === '-') { ab = 'BC' year = dob.slice(1, 5) } else { ab = 'AD' year = dob.slice(0, 4) } return `${Number(year)} ${ab}` } popup.setLngLat(coordinates).setHTML( ` ` ).addTo(map) }) map.on('mouseleave', 'authors', () => { map.getCanvas().style.cursor = '' popup.remove() }) }) } goMap() }33:T75b,34:[{"id":"b6f22cfe15b47195daa4d0839cd50fa223b786da0b1c86c2110c03dc7a99a3dccb7361e92183642571c151b80b8f661f9fa370b202e3477016b27717ec8f0ec9","href":"https://static.observableusercontent.com/files/b6f22cfe15b47195daa4d0839cd50fa223b786da0b1c86c2110c03dc7a99a3dccb7361e92183642571c151b80b8f661f9fa370b202e3477016b27717ec8f0ec9","name":"authors-0.json","type":"application/json","lastModified":1708647866753.12,"size":93209}] 30:{"id":"b0d2545674f336b1","slug":null,"title":"Loeb Classical Library - Birthplace of authors","thumbnail":"4681c1bbfcafee554b6565d61769bd17181fe125eac2cc61cbb642cd8a120171","access_level":"public","create_time":"$D2024-02-23T00:15:16.078Z","update_time":"$D2024-02-23T01:03:49.877Z","view_time":null,"first_public_time":"$D2024-02-23T00:26:41.765Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"7975ac2b6aec485b","login":"dgaitsgo","name":"","avatar_url":"https://avatars-next.observableusercontent.com/96700308e3747f74725b45a16864bb7193903f78917a9486b3a70ea5a1bf5645","tier":"starter_2024"},"version":40,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"e53a932b36973270","login":"dgaitsgo","name":"","avatar_url":"https://avatars-next.observableusercontent.com/96700308e3747f74725b45a16864bb7193903f78917a9486b3a70ea5a1bf5645","tier":null}],"members":[{"type":"team","id":"7975ac2b6aec485b","login":"dgaitsgo","name":"","avatar_url":"https://avatars-next.observableusercontent.com/96700308e3747f74725b45a16864bb7193903f78917a9486b3a70ea5a1bf5645","tier":"starter_2024","role":"editor"},{"type":"individual","id":"e53a932b36973270","login":"dgaitsgo","name":"","avatar_url":"https://avatars-next.observableusercontent.com/96700308e3747f74725b45a16864bb7193903f78917a9486b3a70ea5a1bf5645","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"c418fdcbced7e544","slug":"books","title":"Books","owner":{"id":"7975ac2b6aec485b","login":"dgaitsgo","name":""}},"type":"notebook","body":{"title":"Loeb Classical Library - Birthplace of authors","cells":[{"id":0,"value":"# Loeb Classical Library - Birthplace of authors\n\nThe Loeb Classical Library presents original Greek or Latin texts alongside English translations, making classical literature accessible. Its bilingual format allows readers to compare texts and translations.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":10,"value":"

\n\t\t\t

Guide

\n\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t\t- Greek\n\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t\t- Latin\n\t\t\t\t

\n\t\t\t

\n\t\t\t
\n\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t- Less pages\n\t\t\t

\n\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t- More pages\n\t\t\t

\n\t\t

\n\t\t\tHover over the circles to discover more about the authors.\n\t\t

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":17,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"[Sources](https://www.kaggle.com/datasets/dgaitsgo/loeb-classical-library)\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":26,"value":"mapboxgl = {\n const gl = await require(\"mapbox-gl@0.49\");\n if (!gl.accessToken) {\n gl.accessToken =\n \"pk.eyJ1IjoiaXNhYWNsdW1wa2lucyIsImEiOiJjajNhdTVlZXMwMGFnMzJvNzdoemQ0N3phIn0.hv3Atoq7kaBU9F-YCBGBOw\"\n const href = await require.resolve(\"mapbox-gl@0.49/dist/mapbox-gl.css\");\n document.head.appendChild(html``);\n }\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"$33","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 31:"$30:body"

${name}

Guide