forked from kartograph/kartograph.org
/
index.html
33 lines (25 loc) · 1.91 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
---
layout: default
title: Technical Details
headline: Look Ma’, no tiles!
tagline: 100% vector mapping, 0% tiles. Promised.
headbg: /img/notiles.jpg
---
<div class="row">
<div class="span9 k-intro">
<h1>The magic behind Kartograph</h1>
<p>The core concept of Kartograph is to separate the mapping process in the map generation and map rendering part. The client-side library <a href="/about/kartograph.js/">kartograph.js</a> renders pre-generated maps stored in SVG files. You can chose among <a href="http://datamaps.cc">hundreds of ready-to-use maps</a> or simply generate your own using <a href="/about/kartograph.py/">kartograph.py</a>, the open source Python SVG map generator.</p>
</div>
</div>
<div class="row">
<div class="span3"><img src="/img/3d.png" alt="" /></div>
<div class="span6 k-intro">
<h2 style="margin-bottom:10px">From ideas to maps</h2>
<ol>
<li>Choose which map you want to display and which <a href="/showcase/projections/">projection</a> should be used. Currently you can create maps from ESRI shapefiles only, but more formats will be supported in the future. To help you a bit, there now is a <a href="/showcase/editor/">visual editor</a> that gives you a JSON configuration for your map.</li>
<li>Generate the map SVG using <a href="/about/kartograph.py/">kartograph.py</a>. Customize the map, filter or join features, add a graticule.</li>
<li>Load the generated SVG into your website using <a href="/about/kartograph.js/">kartograph.js</a>. Specify which layers to add and add some decent styling to them using CSS. You can even add more advanced styling using <a href="/showcase/italia/">SVG filters</a>.</li>
<li>Visualize your data using map <a href="/showcase/charts/">symbols</a>, <a href="/showcase/choropleth/">choropleth</a> maps or <a href="/showcase/dotgrid/">dot grids</a>.</li>
</ol>
</div>
</div>