React Map Charts

Composable SVG map charts for React

React Map Charts — build SVG map charts with real d3-geo projections, city markers, graticule, zoom, and copy-ready code

How to use React Map Charts

  1. Choose a d3-geo projection
  2. Set colours, zoom and rotation
  3. Toggle graticule, sphere and city markers
  4. Copy the generated map code
  5. Install react-simple-maps and paste it in

Features

  • 12 real d3-geo projections
  • Live SVG preview with real projection math
  • 8 world cities with real coordinates
  • Graticule, sphere and marker controls
  • Copy-ready ComposableMap code

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.