Solid Simple MapsBeautiful SVG Maps for SolidJS

Create interactive maps with d3-geo and topojson using a declarative API

Get Started

View Example

View on GitHub

⚡

Fast & Performant

Leverages SolidJS's fine-grained reactivity for optimal performance. Leaves DOM work to SolidJS for maximum efficiency.

🎨

Declarative API

Build maps using a simple, composable component API. Combine components to create complex visualizations.

🗺️

Flexible Projections

Support for various map projections including Equal Earth, Mercator, Natural Earth, and custom projections.

🔧

Customizable

Full control over styling, interactions, and map data. Use any TopoJSON or GeoJSON file.

📦

Lightweight

Only uses parts of d3-geo and topojson-client instead of the entire d3 library. Minimal bundle size.

♿

Accessible

Built with accessibility in mind. Keyboard navigation and ARIA labels included.

A type-safe, SolidJS-first port of zcreativelabs/react-simple-maps.

solid-simple-maps brings the simplicity and mental model of react-simple-maps to the Solid ecosystem, with strong TypeScript support and idiomatic Solid patterns.