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 gets 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 myMap = ixmaps.Map('map', { mapType: 'white', mapProjection: 'equalearth', mode: 'pan', legend: 'closed', tools: false }) .view([0, 0], 1) .options({basemapopacity: 0}); // 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:['#e8e8e8'], linecolor:'#7a9ab0', linewidth:0.4}) .define(); // GDP choropleth — World Bank 2023 var theme = ixmaps.layer('countries') .data({obj: DATA, type: 'json'}) .binding({lookup: 'id', value: 'gdp', title: 'name'}) .type('CHOROPLETH|QUANTILE') .style({colorscheme:['#deeaf5','#b3cde3','#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(); myMap.layer(theme, 'direct');</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>