versatile map maker

    1

    Generate data-driven, editable SVG maps and choropleths from GeoJSON or Highcharts geometry.

    $10

    Secure checkout via Stripe

    30-day refund guarantee

    Converts to your local currency at checkout

    Security scanned

    Works with the AI tools you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIMuseMuseDotsDots+22 more

    versatile map maker

    Example session with this skill installed

    Create a choropleth map of Germany's states (admin1) using the population data in stats.csv. Use a blue color scale and include a legend titled 'Population 2023'.

    • Read your context and instructions
    • Compiled the versatile map maker
    • Generated the data export

    I have generated a choropleth map of Germany's 16 federal states using the Highcharts countries/de/de-all base map. The population data from stats.csv was joined via ISO 3166-2 codes.

    Germany Population Map (SVG)

    RegionIDValueStatus
    BavariaDE-BY13,140,183Mapped
    BerlinDE-BE3,664,088Mapped
    HamburgDE-HH1,852,478Mapped
    North Rhine-WestphaliaDE-NW17,925,570Mapped
    
# Generated using recolor_choropleth.py
# Source: Highcharts admin1 - Germany
# Palette: Blues (sequential)

import cairosvg

# The resulting SVG 'germany_population.svg' contains:
# - CSS-styled paths for all 16 states
# - A dynamic legend with 5 quantiles
# - Title: "Population by State"
# - Subtitle: "Germany, 2023 Data"

# To export a high-res version:
cairosvg.svg2png(url="germany_population.svg", write_to="germany_preview.png", scale=2.0)

    Next steps

    1. Open germany_population.svg in any browser or vector editor to verify the color scales.
    2. Check regions-index.json if you need to map additional data to specific state IDs.
    3. Modify style.json and re-run the recolor script if you need to adjust font families or stroke weights.

    versatile-map-maker.csv

    CSV · data export

    Generated

    Example file from a real run - the skill writes it into your workspace.

    Connects securely to your tools. The creator never sees your data.

    What you get

    Generate regional heat maps from CSV business data.Overlay historical borders on modern administrative maps.Create custom map assets for web dashboards and reports.Convert GeoJSON/TopoJSON files into styled, editable SVGs.

    About this skill

    The problem

    Static map images are difficult to update and scale without losing quality. Developers often struggle to bridge the gap between raw GeoJSON/Shapefile data and production-ready, styled SVG visualizations.

    What it does

    • Generates editable SVG maps from Highcharts public data or custom GeoJSON/TopoJSON sources.
    • Creates data-driven choropleths with automatic numeric color scales or categorical swatches.
    • Overlays custom boundaries, historical borders, routes, and point labels onto base maps.
    • Joins CSV or JSON datasets with geographic features using automated ID matching and crosswalk generation.
    • Produces high-resolution PNG previews for visual verification of legends, titles, and data alignment.

    Frameworks & tools

    Python (NumPy, CairoSVG, GeoPandas, Shapely), Highcharts Map API, and Node.js (optional).

    Why this beats prompting it yourself

    Generic LLM prompts often hallucinate coordinates or produce malformed SVG code. This skill uses a systematic pipeline of Python scripts to ensure geometric precision, consistent coordinate transformations, and valid XML output that remains fully editable in design tools.

    Use cases

    • Visualizing regional sales performance or demographic data across specific administrative levels.
    • Creating historical maps with custom boundary overlays on top of modern geographic references.
    • Building reusable map assets for dashboards that require specific brand styling and custom legends.
    • Mapping service areas or logistics routes using real-world river and coastal geometry.

    Known limitations

    Requires local Python environment with CairoSVG for preview rendering. Shapefiles must be converted to GeoJSON before processing.

    How to install

    Works the same in every agent - Claude, Cursor, Codex, Copilot and 20+ more.

    ~30 seconds
    1. 1

      Download the ZIP

      Free skills download straight away. Paid skills unlock right after purchase.

    2. 2

      Unzip into your skills folder

      Every agent reads skills from one folder on your machine. Drop the unzipped folder in there.

    3. 3

      Ask your agent to use it

      Restart the agent if it was already running. It picks the skill up automatically - no config needed.

    Skills folder by agent

    Click the path to copy it. Create the folder if it does not exist yet.

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill passes our trust checks below.

    Security scanned

    Passed our 8-point scan before listing

    Fresh listing

    Recently published to Agensi

    30-day refund

    Not a fit? Get your money back

    Trust & safety

    Security scanned

    Verified clean 10 days ago

    • Passed all security checks, Safe to install

    Needs access to

    Githubusercontent
    W3

    Listed10 days ago

    What's inside

    Frequently Asked Questions