Examples / Line

Geo line

Demonstrates how to use Line mark together with projections.

; 
<Plot projection="equirectangular">
    <Geo data={[land]} stroke="currentColor" />
    <Line
        data={beagle}
        x="lon"
        y="lat"
        stroke="var(--svp-red)" />
    <Geo
        data={[
            { type: 'Point', coordinates: [-0.13, 51.5] }
        ]}
        fill="var(--svp-red)" />
</Plot>

Open in Svelte playground

Last update at: 2025/07/08 15:29:07