Skip to content
This repository
Browse code

website update

  • Loading branch information...
commit a72ee1f0999e3a582f83d181a4243330b3eae85d 1 parent bb36fb0
authored April 02, 2012
2  about/index.html
@@ -22,7 +22,7 @@
22 22
     <div class="span6 k-intro">
23 23
         <h2 style="margin-bottom:10px">From ideas to maps</h2>
24 24
         <ol>
25  
-            <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.</li>
  25
+            <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>
26 26
             <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>
27 27
             <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>
28 28
             <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>
BIN  img/eastcoast-bg.jpg
BIN  showcase/eastcoast/detail.png
BIN  showcase/eastcoast/eastcoast-620.png
BIN  showcase/eastcoast/eastcoast-72dpi.png
BIN  showcase/eastcoast/eastcoast-90dpi.png
BIN  showcase/eastcoast/eastcoast-90dpi_export.png
BIN  showcase/eastcoast/eastcoast-bg.png
BIN  showcase/eastcoast/eastcoast-illustrator-small.png
BIN  showcase/eastcoast/eastcoast-illustrator.png
130  showcase/eastcoast/eastcoast.json
... ...
@@ -0,0 +1,130 @@
  1
+{
  2
+  "proj": {
  3
+    "id": "satellite",
  4
+    "lon0": -76,
  5
+    "lat0": 34.50435523955831,
  6
+    "dist": 1.1,
  7
+    "up": -32.122944029340516,
  8
+    "tilt": -3.002581776358639
  9
+  },
  10
+  "layers": [
  11
+    { "special": "graticule", "latitudes": 3, "longitudes": 3, "styles": { "stroke-width": "0.3px" } },
  12
+    {
  13
+      "id": "countries",
  14
+      "src": "shp/naturalearth/ne_10m_admin_0_countries.shp",
  15
+      "simplify": false,
  16
+      "styles": {
  17
+        "stroke": "none",
  18
+        "fill": "#f5f3f2"
  19
+      }
  20
+    },{
  21
+      "id": "depth",
  22
+      "src": "shp/vmap0/DepthContours.shp",
  23
+      "simplify": false,
  24
+      "styles": {
  25
+        "fill": "none",
  26
+        "stroke": "#223366",
  27
+        "stroke-width": "0.4px",
  28
+        "stroke-opacity": 0.4
  29
+      }
  30
+    },{
  31
+      "id": "trees",
  32
+      "src": "shp/custom/useast/trees.shp",
  33
+      "simplify": false,
  34
+      "styles": {
  35
+        "fill": "#b1bfb1",
  36
+        "fill-opacity": 0.4,
  37
+        "stroke": "none",
  38
+        "stroke-width": "0.4px",
  39
+        "stroke-opacity": 0.4
  40
+      }
  41
+    },{
  42
+      "id": "lakes",
  43
+      "src": "shp/custom/useast/lakes.shp",
  44
+      "simplify": false,
  45
+      "styles": {
  46
+        "fill": "#A1BCCF",
  47
+        "stroke": "none"
  48
+      }
  49
+    },{
  50
+      "id": "lakes2",
  51
+      "src": "shp/custom/useast/lakes2.shp",
  52
+      "simplify": false,
  53
+      "styles": {
  54
+        "fill": "#A1BCCF",
  55
+        "stroke": "none"
  56
+      }
  57
+    },{
  58
+      "id": "lakes3",
  59
+      "src": "shp/custom/useast/lakes3.shp",
  60
+      "simplify": false,
  61
+      "styles": {
  62
+        "fill": "#A1BCCF",
  63
+        "stroke": "none"
  64
+      }
  65
+    },{
  66
+      "id": "rivers",
  67
+      "src": "shp/custom/useast/rivers.shp",
  68
+      "simplify": false,
  69
+      "styles": {
  70
+        "fill": "none",
  71
+        "stroke": "#A1BCCF",
  72
+        "stroke-width": "0.5px"
  73
+      }
  74
+    },{
  75
+      "id": "rivers2",
  76
+      "src": "shp/custom/useast/rivers2.shp",
  77
+      "simplify": false,
  78
+      "styles": {
  79
+        "fill": "none",
  80
+        "stroke": "#A1BCCF",
  81
+        "stroke-width": "0.3px"
  82
+      }
  83
+    },{
  84
+      "id": "roads",
  85
+      "src": "shp/custom/useast/roads.shp",
  86
+      "styles": {
  87
+        "fill": "none",
  88
+        "stroke": "#888582",
  89
+        "stroke-width": "0.3px"
  90
+      }
  91
+    },{
  92
+      "id": "urban",
  93
+      "src": "shp/custom/useast/urbanareas.shp",
  94
+      "simplify": false,
  95
+      "styles": {
  96
+        "fill": "#553344",
  97
+        "fill-opacity": 0.6,
  98
+        "stroke": "none"
  99
+      }
  100
+    },{
  101
+      "id": "cities",
  102
+      "src": "shp/custom/useast/cities.shp",
  103
+      "simplify": false,
  104
+      "styles": {
  105
+        "fill": "#553344",
  106
+        "stroke": "none"
  107
+      }
  108
+    },{
  109
+      "id": "states",
  110
+      "src": "shp/usgs/state_bounds.shp",
  111
+      "styles": {
  112
+        "stroke": "#844",
  113
+        "stroke-dasharray": "4,4",
  114
+        "stroke-width": "1px",
  115
+        "stroke-opacity": 0.6,
  116
+        "fill": "none"
  117
+      }
  118
+    }
  119
+  ],
  120
+  "export": {
  121
+    "width": 800,
  122
+    "round": 2
  123
+  },
  124
+  "bounds": {
  125
+    "padding": 0.02,
  126
+    "mode": "bbox",
  127
+    "data": [-80.85, 32.12, -71.69, 41.9],
  128
+    "crop": [-90.85, 28.12, -65.69, 51.9]
  129
+  }
  130
+}
49  showcase/eastcoast/index.html
... ...
@@ -0,0 +1,49 @@
  1
+---
  2
+layout: showcase
  3
+title: East Coast
  4
+next: italia
  5
+---
  6
+
  7
+<div class="row">
  8
+    <div class="span12">
  9
+        <img src="eastcoast-90dpi_export.png" alt="East Coast" />
  10
+    </div>
  11
+</div>
  12
+<div class="row">
  13
+    <div class="span12">
  14
+        <div class="page-header">
  15
+            <h1>High Quality Vector Mapping</h1>
  16
+        </div>
  17
+    </div>
  18
+</div>
  19
+<div class="row">
  20
+    <div class="span6">
  21
+        <p>This map was created using the <a href="/about/kartograph.py/">Kartograph SVG renderer</a>. It shows the East Coast of the United States projected in the <a href="/showcase/projections/#satellite">tilted perspective projection</a> (aka Satellite projection). The rendering took 35 seconds and the resulting SVG has a total size of about 7 megabytes. Labels were added manually in Illustrator.</p>
  22
+        <p>Please have a look at the <a href="eastcoast.json">map configuration file</a> for more details. The following Public Domain geodata sources are used in the map:
  23
+            <ul>
  24
+                <li><a href="http://www.naturalearthdata.com/downloads/10m-cultural-vectors/10m-admin-0-countries/">Admin 0 Countries</a> (Natural Earth)</li>
  25
+                <li><a href="http://aspmap.net/vmap/DepthContours.zip">Depht Contours</a> (VMAP)</li>
  26
+                <li><a href="http://aspmap.net/vmap/Trees.zip">Trees</a> (VMAP)</li>
  27
+                <li><a href="http://aspmap.net/vmap/Rivers.zip">Rivers</a> (VMAP)</li>
  28
+                <li><a href="http://www.naturalearthdata.com/downloads/10m-physical-vectors/10m-rivers-lake-centerlines/">Rivers + lake centerlines</a> (Natural Earth)</li>
  29
+                <li><a href="http://aspmap.net/vmap/Lakes.zip">Lakes</a> (VMAP)</li>
  30
+                <li><a href="http://www.naturalearthdata.com/downloads/10m-physical-vectors/10m-lakes/">Lakes + Reservoirs</a> (Natural Earth)</li>
  31
+                <li><a href="http://aspmap.net/vmap/MajorRoads.zip">Major Roads</a> (VMAP)</li>
  32
+                <li><a href="http://www.naturalearthdata.com/downloads/10m-cultural-vectors/10m-urban-area/">Urban Areas</a> (Natural Earth)</li>
  33
+                <li><a href="http://aspmap.net/vmap/CityAreas.zip">City Areas</a> (VMAP)</li>
  34
+                <li><a href="http://coastalmap.marine.usgs.gov/GISdata/basemaps/boundaries/state_bounds/state_bounds.htm">Internal US State Boundaries</a> (USGS)</li>
  35
+            </ul>
  36
+        </p>
  37
+        <p style="margin-top:1.5em">
  38
+            Here's a more detailed sample:
  39
+        </p>
  40
+    </div>
  41
+    <div class="span6">
  42
+        <a href="eastcoast-illustrator.png"><img src="eastcoast-illustrator-small.png" alt="" /></a>
  43
+    </div>
  44
+</div>
  45
+<div class="row">
  46
+    <div class="span12" style="margin-top:1em">
  47
+        <img src="detail.png" alt="" />
  48
+    </div>
  49
+</div>
BIN  showcase/eastcoast/t.png
3  showcase/index.html
@@ -3,6 +3,7 @@
3 3
 title: Kartograph
4 4
 headline: See it in action
5 5
 tagline: Find out how Kartograph can improve your maps.
6  
-showcase: ['italia', 'choropleth', 'charts', 'dotgrid', '3d', 'projections']
  6
+showcase: ['eastcoast', 'italia', 'choropleth', 'charts', 'dotgrid', '3d', 'projections']
  7
+headbg: /img/eastcoast-bg.jpg
7 8
 ---
8 9
 
1  showcase/italia/index.html
... ...
@@ -1,6 +1,7 @@
1 1
 ---
2 2
 layout: showcase
3 3
 title: Bella Italia
  4
+prev: eastcoast
4 5
 next: choropleth
5 6
 ---
6 7
 

0 notes on commit a72ee1f

Please sign in to comment.
Something went wrong with that request. Please try again.