# topograph

> Topographic map generator. Create contour maps from real elevation data or procedural terrain. Preview in 3D with 20 shader styles. Export as SVG, PNG, TIFF, PDF, DXF, GeoJSON, Heightmap, STL. Record animations as WebM, GIF, or MP4.

## Author

Adi Dizdarevic (AD&) — https://www.adidizdarevic.com
Also built: das.app, smmn.ai, japodia.com

## About

topograph is a browser-based tool for generating topographic contour maps. It works with three data sources: real-world elevation data (search any place on Earth), procedural terrain algorithms (Perlin noise, ridged mountains, craters, etc.), and uploaded heightmaps (PNG, JPG, CSV). Maps are fully customizable with color schemes, hill shading, contour labels, compass roses, and accent zones.

The 3D preview includes 20 real-time shader styles (Ethereal Glow, Liquid Metal, Neon HUD, FUI Hologram, Cel Shading, Hand-Drawn Sketch, Strata, and more) with animation controls, auto-rotate, and video export in three formats.

## Pricing

- Free tier: full map generation, all color schemes, 3D preview with shader styles, animation playback, plus a one-click watermarked PNG export (72 DPI, capped at 1500px). No account required.
- Pro license: $49 one-time payment. Adds clean (unwatermarked) PNG at full DPI/size and every other format (SVG, TIFF, PDF, DXF, GeoJSON, Heightmap, STL), video export (WebM, GIF, MP4), up to 600 DPI, variant gallery with batch ZIP export, transparent backgrounds, and commercial use rights. Lifetime access with updates.

## Key Features

- Real elevation data from AWS Terrain Tiles (global coverage)
- Place name search via OpenStreetMap Nominatim geocoder
- 6 procedural terrain algorithms with seed-based reproducibility
- 17 algorithmic color generators + curated palettes (non-repeating)
- Hill shading, contour labels, 20 compass styles
- 3D terrain preview with PBR rendering, shadows, and SSAO
- 20 real-time shader styles (artistic, tech, data-viz categories)
- Animation system: play/pause, loop, per-style speed presets, auto-rotate
- Video export: WebM (VP9), GIF (Floyd-Steinberg dithering), MP4 (H.264)
- Variant gallery: generate 1-12 map variations, batch export as ZIP
- Export formats: SVG (vector), PNG (8-bit sRGB), TIFF (8-bit RGBA print), PDF, DXF (CAD), GeoJSON (GIS), Heightmap (grayscale PNG for 3D/GIS), STL (binary mesh for 3D printing)
- Print-ready output up to 600 DPI

## Links

- Website: https://topograph.app
- Editor: https://topograph.app/app
- Gallery: https://topograph.app/gallery
- Pricing: https://topograph.app/pricing
- Privacy Policy: https://topograph.app/privacy
- Terms of Service: https://topograph.app/terms
- Changelog: https://topograph.app/changelog

## Technical

- Stack: Cloudflare Pages (frontend), Cloudflare Workers (API), Neon PostgreSQL, Stripe Payments, Resend (transactional email)
- 3D Engine: Three.js r160 (ES modules) with custom GLSL shaders
- Authentication: Email-based license restore (6-digit code via Resend, HMAC-signed tokens)
- Payments: Stripe (one-time checkout)
- Elevation data: AWS Terrain Tiles (Terrarium format)
- No install required. Runs in any modern browser.