Fluent chainable API
Pick a layer, bind your data, choose a type, define — reads top-to-bottom.
// JAVASCRIPT MAPPING FRAMEWORK
Turn data into maps.
Turn data into maps.
In the browser.
With one script.
iXMaps builds interactive thematic maps — choropleth, proportional symbols, pie & bar charts — driven straight from your data. Chain a few calls, point at a CSV or GeoJSON URL, ship from a single CDN include.
This map was created by Claude Code guided by iXMaps skills. See the code ↗ · see only the iXMaps code: ixmap_gdp_minimal ↗
// WHY IXMAPS
A mapping toolkit that stays out of your way.
Built for people who'd rather write five lines than wire up a tile pipeline. Everything below ships in the box.
Data from anywhere
Point a layer at a URL — CSV, GeoJSON, TopoJSON, Parquet & ten more. iXMaps fetches, joins and renders.
PapaParse
topojson-client
DuckDB WASM
flatgeobuf
geobuf
pbf
geoparquet
json-stat.js
Thematic types built-in
Choropleths, proportional symbols, pie & bar markers — switch with one keyword.
// THE WHOLE MAP, IN ONE CHAIN
Include one script. Chain your layers. Ship a map.
gdp-world.js
<script src="https://cdn.jsdelivr.net/gh/gjrichter/ixmaps-flat@1/ixmaps.js"></script> <script> var GEO_URL = "https://gisco-services.ec.europa.eu/distribution/v2/countries/topojson/CNTR_RG_60M_2020_4326.json"; var DATA_URL = "https://cdn.jsdelivr.net/gh/gjrichter/ixmaps-data@main/world-gdp-2023/world_gdp_2023_data.csv"; var myMap = ixmaps.Map('map', { mapType: 'white', mapProjection: 'equalearth', mode: 'pan', legend: 'open', align: 'center', tools: false }) .view([0, 0], 1); // country borders — GISCO/Eurostat myMap.layer('countries') .data({ url: GEO_URL, type: 'topojson' }) .binding({ geo: 'geometry', id: 'CNTR_ID', title: 'NAME_ENGL' }) .type('FEATURE') .style({ colorscheme: ['none'], linecolor: '#7a9ab0', linewidth: 0.4 }) .define(); // GDP choropleth — World Bank 2023 myMap.layer('countries') .data({ url: DATA_URL, type: 'csv' }) .binding({ lookup: 'id', value: 'gdp', title: 'name' }) .type('CHOROPLETH|QUANTILE') .style({ colorscheme: ['#deeaf5', '#b3cde3', '#74b3d8', '#3182bd', '#08519c'], fillopacity: 0.82 }) .meta({ name: 'countries_gdp', tooltip: "<b>{{name}}</b><br>GDP <b>${{gdp}}k</b>" }) .title('GDP per Capita (USD k)') .define(); </script>
// CREATE FASTER
Your agent already knows iXMaps.
Drop the skills into Claude Code, Codex or Cursor and get a working map — or copy a live example — or describe it in plain language to Chat2Map.
SKILLS · FOR AI AGENTS
Agent-ready skills
Drop the skills into Claude Code, Codex or Cursor — your agent writes runnable iXMaps code.
Browse the skills ↗
CHAT2MAP.IT · AI-POWERED
Chat2Map.it
Explore your data, create a visualization in plain language and get a live sharable map — no code.
Try Chat2Map.it ↗
// MADE WITH IXMAPS — LIVE, INTERACTIVE · OPEN TO EXPLORE
Real maps, real data.
Each thumbnail opens a live interactive map built with iXMaps. Pan, hover, read the data.
FLOW MAP
Italian internal migration flows
Region-to-region migration rendered as flow lines & proportional bubbles, 2025.
Open ↗CHOROPLETH · TIME
Europe EV market 2015–2024
Electric-vehicle adoption across European NUTS regions, animated over time.
Open ↗DIVERGING
EU natural population balance
Births minus deaths across NUTS3 regions, Eurostat style.
Open ↗
// SHIP IT
Start mapping your data.
Drop this in your page
<script src="https://cdn.jsdelivr.net/gh/gjrichter/ixmaps-flat@1/ixmaps.js"></script>