\n \n ${o.toLocaleString()}\n \n \n `;const l=document.createElement("div");return l.innerHTML=m,l.firstChild}function donutSegment(e,a,t,o,r){a-e==1&&(a-=1e-5);const c=2*Math.PI*(e-.25),n=2*Math.PI*(a-.25),s=Math.cos(c),m=Math.sin(c),l=Math.cos(n),i=Math.sin(n),g=a-e>.5?1:0;return``}map.on("load",()=>{map.addSource("earthquakes",{type:"geojson",data:"https://docs.mapbox.com/mapbox-gl-js/assets/earthquakes.geojson",cluster:!0,clusterRadius:80,clusterProperties:{mag1:["+",["case",mag1,1,0]],mag2:["+",["case",mag2,1,0]],mag3:["+",["case",mag3,1,0]],mag4:["+",["case",mag4,1,0]],mag5:["+",["case",mag5,1,0]]}}),map.addLayer({id:"earthquake_circle",type:"circle",source:"earthquakes",filter:["!=","cluster",!0],paint:{"circle-color":["case",mag1,colors[0],mag2,colors[1],mag3,colors[2],mag4,colors[3],colors[4]],"circle-opacity":.6,"circle-radius":12}}),map.addLayer({id:"earthquake_label",type:"symbol",source:"earthquakes",filter:["!=","cluster",!0],layout:{"text-field":["number-format",["get","mag"],{"min-fraction-digits":1,"max-fraction-digits":1}],"text-font":["Open Sans Semibold","Arial Unicode MS Bold"],"text-size":10},paint:{"text-color":["case",["<",["get","mag"],3],"black","white"]}});const e={};let a={};map.on("render",()=>{map.isSourceLoaded("earthquakes")&&function(){const t={},o=map.querySourceFeatures("earthquakes");for(const r of o){const o=r.geometry.coordinates,c=r.properties;if(!c.cluster)continue;const n=c.cluster_id;let s=e[n];if(!s){const a=createDonutChart(c);s=e[n]=new mapboxgl.Marker({element:a}).setLngLat(o)}t[n]=s,a[n]||s.addTo(map)}for(const e in a)t[e]||a[e].remove();a=t}()})})