Earthquakes

<Plot
    height={500}
    r={{ range: [0.5, 25] }}
    projection={{
        type: 'orthographic',
        rotate: [-120, 10, 0]
    }}>
    <Geo data={[land]} fillOpacity={0.2} />
    <Graticule strokeOpacity={0.1} />
    <Sphere stroke="currentColor" />
    <Geo
        data={earthquakes.features}
        stroke="var(--svp-red)"
        fill="var(--svp-red)"
        fillOpacity={0.2}
        title={(d) => d.properties.title}
        href={(d) => d.properties.url}
        r={(d) => Math.pow(10, d.properties.mag)} />
</Plot>