Permalink
Browse files

website update

  • Loading branch information...
1 parent bb36fb0 commit a72ee1f0999e3a582f83d181a4243330b3eae85d @gka gka committed Apr 2, 2012
View
@@ -22,7 +22,7 @@
<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.</li>
+ <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>
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -0,0 +1,130 @@
+{
+ "proj": {
+ "id": "satellite",
+ "lon0": -76,
+ "lat0": 34.50435523955831,
+ "dist": 1.1,
+ "up": -32.122944029340516,
+ "tilt": -3.002581776358639
+ },
+ "layers": [
+ { "special": "graticule", "latitudes": 3, "longitudes": 3, "styles": { "stroke-width": "0.3px" } },
+ {
+ "id": "countries",
+ "src": "shp/naturalearth/ne_10m_admin_0_countries.shp",
+ "simplify": false,
+ "styles": {
+ "stroke": "none",
+ "fill": "#f5f3f2"
+ }
+ },{
+ "id": "depth",
+ "src": "shp/vmap0/DepthContours.shp",
+ "simplify": false,
+ "styles": {
+ "fill": "none",
+ "stroke": "#223366",
+ "stroke-width": "0.4px",
+ "stroke-opacity": 0.4
+ }
+ },{
+ "id": "trees",
+ "src": "shp/custom/useast/trees.shp",
+ "simplify": false,
+ "styles": {
+ "fill": "#b1bfb1",
+ "fill-opacity": 0.4,
+ "stroke": "none",
+ "stroke-width": "0.4px",
+ "stroke-opacity": 0.4
+ }
+ },{
+ "id": "lakes",
+ "src": "shp/custom/useast/lakes.shp",
+ "simplify": false,
+ "styles": {
+ "fill": "#A1BCCF",
+ "stroke": "none"
+ }
+ },{
+ "id": "lakes2",
+ "src": "shp/custom/useast/lakes2.shp",
+ "simplify": false,
+ "styles": {
+ "fill": "#A1BCCF",
+ "stroke": "none"
+ }
+ },{
+ "id": "lakes3",
+ "src": "shp/custom/useast/lakes3.shp",
+ "simplify": false,
+ "styles": {
+ "fill": "#A1BCCF",
+ "stroke": "none"
+ }
+ },{
+ "id": "rivers",
+ "src": "shp/custom/useast/rivers.shp",
+ "simplify": false,
+ "styles": {
+ "fill": "none",
+ "stroke": "#A1BCCF",
+ "stroke-width": "0.5px"
+ }
+ },{
+ "id": "rivers2",
+ "src": "shp/custom/useast/rivers2.shp",
+ "simplify": false,
+ "styles": {
+ "fill": "none",
+ "stroke": "#A1BCCF",
+ "stroke-width": "0.3px"
+ }
+ },{
+ "id": "roads",
+ "src": "shp/custom/useast/roads.shp",
+ "styles": {
+ "fill": "none",
+ "stroke": "#888582",
+ "stroke-width": "0.3px"
+ }
+ },{
+ "id": "urban",
+ "src": "shp/custom/useast/urbanareas.shp",
+ "simplify": false,
+ "styles": {
+ "fill": "#553344",
+ "fill-opacity": 0.6,
+ "stroke": "none"
+ }
+ },{
+ "id": "cities",
+ "src": "shp/custom/useast/cities.shp",
+ "simplify": false,
+ "styles": {
+ "fill": "#553344",
+ "stroke": "none"
+ }
+ },{
+ "id": "states",
+ "src": "shp/usgs/state_bounds.shp",
+ "styles": {
+ "stroke": "#844",
+ "stroke-dasharray": "4,4",
+ "stroke-width": "1px",
+ "stroke-opacity": 0.6,
+ "fill": "none"
+ }
+ }
+ ],
+ "export": {
+ "width": 800,
+ "round": 2
+ },
+ "bounds": {
+ "padding": 0.02,
+ "mode": "bbox",
+ "data": [-80.85, 32.12, -71.69, 41.9],
+ "crop": [-90.85, 28.12, -65.69, 51.9]
+ }
+}
@@ -0,0 +1,49 @@
+---
+layout: showcase
+title: East Coast
+next: italia
+---
+
+<div class="row">
+ <div class="span12">
+ <img src="eastcoast-90dpi_export.png" alt="East Coast" />
+ </div>
+</div>
+<div class="row">
+ <div class="span12">
+ <div class="page-header">
+ <h1>High Quality Vector Mapping</h1>
+ </div>
+ </div>
+</div>
+<div class="row">
+ <div class="span6">
+ <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>
+ <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:
+ <ul>
+ <li><a href="http://www.naturalearthdata.com/downloads/10m-cultural-vectors/10m-admin-0-countries/">Admin 0 Countries</a> (Natural Earth)</li>
+ <li><a href="http://aspmap.net/vmap/DepthContours.zip">Depht Contours</a> (VMAP)</li>
+ <li><a href="http://aspmap.net/vmap/Trees.zip">Trees</a> (VMAP)</li>
+ <li><a href="http://aspmap.net/vmap/Rivers.zip">Rivers</a> (VMAP)</li>
+ <li><a href="http://www.naturalearthdata.com/downloads/10m-physical-vectors/10m-rivers-lake-centerlines/">Rivers + lake centerlines</a> (Natural Earth)</li>
+ <li><a href="http://aspmap.net/vmap/Lakes.zip">Lakes</a> (VMAP)</li>
+ <li><a href="http://www.naturalearthdata.com/downloads/10m-physical-vectors/10m-lakes/">Lakes + Reservoirs</a> (Natural Earth)</li>
+ <li><a href="http://aspmap.net/vmap/MajorRoads.zip">Major Roads</a> (VMAP)</li>
+ <li><a href="http://www.naturalearthdata.com/downloads/10m-cultural-vectors/10m-urban-area/">Urban Areas</a> (Natural Earth)</li>
+ <li><a href="http://aspmap.net/vmap/CityAreas.zip">City Areas</a> (VMAP)</li>
+ <li><a href="http://coastalmap.marine.usgs.gov/GISdata/basemaps/boundaries/state_bounds/state_bounds.htm">Internal US State Boundaries</a> (USGS)</li>
+ </ul>
+ </p>
+ <p style="margin-top:1.5em">
+ Here's a more detailed sample:
+ </p>
+ </div>
+ <div class="span6">
+ <a href="eastcoast-illustrator.png"><img src="eastcoast-illustrator-small.png" alt="" /></a>
+ </div>
+</div>
+<div class="row">
+ <div class="span12" style="margin-top:1em">
+ <img src="detail.png" alt="" />
+ </div>
+</div>
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -3,6 +3,7 @@
title: Kartograph
headline: See it in action
tagline: Find out how Kartograph can improve your maps.
-showcase: ['italia', 'choropleth', 'charts', 'dotgrid', '3d', 'projections']
+showcase: ['eastcoast', 'italia', 'choropleth', 'charts', 'dotgrid', '3d', 'projections']
+headbg: /img/eastcoast-bg.jpg
---
@@ -1,6 +1,7 @@
---
layout: showcase
title: Bella Italia
+prev: eastcoast
next: choropleth
---

0 comments on commit a72ee1f

Please sign in to comment.