index.html

---
layout: default
title: Kartograph.org
showcase:
 - animated-symbols
 - italia
 - choropleth
 - symbols
 - clustering
 - charts
 - dotgrid
 - 3d
 - projections
 - eastcoast
toc:
   API Docs:
      - ['docs/kartograph.py/', 'Kartograph.py']
      - ['docs/kartograph.js/', 'Kartograph.js']
   Quick Links:
      - ['http://blog.kartograph.org/', 'Latest News / Blog']
      - ['https://github.com/kartograph/', 'Kartograph @ Github']
      - ['http://twitter.com/kartographjs', 'Kartograph @ Twitter']
---

<h1>W<span class="letter-spacing:-0.5ex">h</span>at is Kartograph?</h1>
<p>Kartograph is a simple and lightweight framework for building interactive map applications without Google Maps or any other mapping service. It was created with the needs of designers and data journalists in mind.</p>

<p>Actually, <b>Kartograph</b> is two libraries. One generates beautiful <i>&amp;</i> compact SVG maps; the other helps you to create interactive maps that run across all major browsers.</p>


<div class="row" style="margin-top: 30px;margin-bottom:30px;">

    <div class="span4">

        <h2 style="margin-top:0">Kartograph.py</h2>
        <p>A powerful Python library for generating beautiful, Illustrator-friendly SVG maps.</p>

        <ul>
            <li>Renders vector maps from shapefiles and PostGIS</li>
            <li>Compact SVGs using <a href="http://bost.ocks.org/mike/simplify/">Visvalingam</a> simplification</li>
            <li>Stores metadata in data attributes</li>
            <li>Built on top of <a href="http://www.gdal.org/ogr/index.html">GDAL/OGR</a> and <a href="http://toblerity.github.com/shapely/manual.html">shapely</a></li>
            <li>Licensed under <a href="http://www.gnu.org/licenses/agpl-3.0">AGPL</a></li>
        </ul>

        <p>
            <a class="btn btn-custom" href="/docs/kartograph.py/">Read the Docs</a> &nbsp;
            <a class="btn btn-github" href="https://github.com/kartograph/kartograph.py"><img src="/img/octocat.png" style="float:left; position:relative; left:-4px" /> Fork on Github</a>
        </p>

    </div>
    <div class="span4" style="border-left:3px solid #eee; padding-left: 20px;">

        <h2 style="margin-top:0">Kartograph.js</h2>
        <p>A JavaScript library for creating interactive maps based on Kartograph.py SVG maps.</p>

        <ul>
            <li>Easy to use: create an interactve map within minutes.</li>
            <li>Runs 100% stand-alone. No server needed.</li>
            <li>Gracefully degrades to Internet Explorer 7+</li>
            <li>Built on top of <a href="http://raphaeljs.com/">Raphaël</a> and <a href="http://jquery.com/">jQuery</a>
            <li>Licensed under <a href="http://www.gnu.org/licenses/lgpl-3.0">LGPL</a></li>
        </ul>

        <p>
            <a class="btn btn-primary" href="/js/kartograph.min.js">Download</a> &nbsp;
            <a class="btn btn-custom" href="/docs/kartograph.js/">Read the Docs</a> &nbsp;
            <a class="btn btn-github" href="https://github.com/kartograph/kartograph.js"><img src="/img/octocat.png" style="float:left; position:relative; left:-4px" /> Fork on Github</a>
        </p>

    </div>
</div>


<h1 id="showcase">See it in action</h1>

<ul class="thumbnails">
{% for item in page.showcase %}
    <li class="span3">
        <a href="/showcase/{{ item }}/" class="thumbnail">
            <img style="display:inline-block;background:url(/showcase/{{ item }}/t.png) no-repeat; width:260px; height:180px;border-radius:3px" src="blank" />
            <!-- <img src="/showcase/{{ item }}/t.png" alt="{{ item }}" />-->
        </a>
    </li>
{% endfor %}
</ul>