Design gorgeous and lightweight SVG maps with ease
Interactive
CartoSVG uses SVG elements, which are interactive by nature.
Beautiful
The maps are given depth through filters and rich styling possibilities.
Simple
Just copy / paste the exported file into your HTML, and you're done!
Small footprint
The final file size is made as small as possible using diverse optimization techniques, and compresses well.
Features:
- Multiple projections available, including "satellite"
- Beautiful and performant SVG filters
- Custom graticule density
- Management of custom fonts and how to export them (can be converted to <path>)
- Custom data binding for choropleth (numerical and categorical) and tooltip
- Rich intuitive styling customization, including tooltip on hover
- Drawing of <path> elements, alowing markers and image animations along it
Examples
Here follows 4 examples built with CartoSVG. This entire page weights 470Ko, ~110 gzipped.
La Bella Italia
See the standalone example in the app for more information
Mercator projection
See the standalone example in the app for more information
USA Elections
See the standalone example in the app for more information
Ukraine population
See the standalone example in the app for more information