Convert GEOJSON to SVG, Free
Files convert instantly in your browser. 100% private, any file size, no account needed.
Drop your GEOJSON file here
or click to browse. Any file size.
Conversion runs entirely in your browser. Your file never leaves your device.
How to convert GEOJSON to SVG
GeoJSON is a JSON-based format for geographic data: points, lines, polygons, and feature collections with geographic coordinates. SVG is a vector graphics format that web browsers render natively, but it uses a flat 2D pixel coordinate system rather than latitude/longitude. Converting GeoJSON to SVG requires projecting geographic coordinates onto a flat plane and scaling them to a pixel canvas. This converter handles that projection in your browser using a JavaScript mapping library, turning a map layer into a scalable graphic you can embed directly in HTML or edit in a vector editor.
The most common reason for this conversion is creating custom map graphics for publications, presentations, or websites without the overhead of a full mapping library at runtime. You might export a country's border polygon from a GIS tool as GeoJSON, convert it to SVG, then style it with CSS. Keep in mind that all projections introduce some distortion; for a simple country outline the default Mercator-style projection is usually adequate, but for data visualization or precise area representations you may want to choose a specific projection.
Upload or paste your GeoJSON
Drop a .geojson file or paste GeoJSON text directly into the input area. Valid GeoJSON features and feature collections are both supported.
Choose a projection and canvas size
Select a projection (equirectangular works for most cases) and set the output SVG width in pixels. Height is calculated automatically to preserve aspect ratio.
Preview the SVG
The rendered map appears immediately. Check that polygons and lines are positioned correctly and that the overall shape looks right.
Download or copy the SVG code
Save the .svg file for use in Inkscape or Illustrator, or copy the SVG markup to embed directly in HTML.
Frequently asked questions
Why does my GeoJSON look distorted in the SVG output?
All 2D projections of geographic data distort shape, area, or direction. Equirectangular projections make polar regions look too wide. Choose a projection suited to the region you are mapping.
Can I preserve feature properties in the SVG?
Yes. Properties from GeoJSON features can be added as data attributes (e.g., data-name='France') on the corresponding SVG path elements, allowing CSS or JavaScript to target them.
How do I style the SVG map with colors?
After downloading, open the SVG in a text editor or Inkscape. Each path has an id or class that you can target with CSS fill, stroke, and stroke-width properties.
What GeoJSON geometry types are supported?
Point, LineString, Polygon, MultiPoint, MultiLineString, MultiPolygon, and GeometryCollection are all supported. Feature and FeatureCollection wrappers are handled automatically.
Is this suitable for complex world map exports?
For moderate complexity (country borders, state outlines) yes. Very detailed coastline data with thousands of points will produce large SVG files. Simplify the GeoJSON in a tool like Mapshaper first if file size is a concern.