$30 off During Our Annual Pro Sale. View Details »

Print Cartography in a Multi-Resolution World

Print Cartography in a Multi-Resolution World

Paper and LED touch screens are both amazing pieces of technology, each with their own strengths and weaknesses. National Geographic has been producing gorgeous print work for decades. Stamen has been producing web-native work for years. We recently adapted NG's print production pipeline to produce multi-resolution content for an upcoming project. I talked about how.

Seth Fitzsimmons

October 14, 2015
Tweet

More Decks by Seth Fitzsimmons

Other Decks in Design

Transcript

  1. Print Cartography in a
    Multi-Resolution World
    and more
    ^
    Seth Fitzsimmons

    View Slide

  2. flickr.com/photos/paperfolding/6918205247
    paper…

    View Slide

  3. View Slide

  4. View Slide

  5. flickr.com/photos/wrote/2419168625

    View Slide

  6. flickr.com/photos/georigami/15039660108

    View Slide

  7. the internet…

    View Slide

  8. View Slide

  9. SNEAK
    PEAK!

    View Slide

  10. View Slide

  11. View Slide

  12. GOALS
    1. Repurpose art, research,
    editorial, maps
    2. Make them interactive
    3. Make them multilingual

    View Slide

  13. View Slide

  14. [Amazonia overview]

    View Slide

  15. flickr.com/photos/randar/9916042373

    View Slide


  16. View Slide

  17. [forest types]

    View Slide

  18. [forest strata]

    View Slide

  19. [maps]

    View Slide

  20. View Slide

  21. View Slide

  22. Anatomy of a Web Map

    View Slide

  23. Anatomy of a Web Map
    multi-resolution image

    View Slide

  24. 256px
    256px
    360º
    180º
    (180º W
    ,
    ~90º N
    )

    View Slide

  25. 256px
    256px
    2

    (-, /2)

    View Slide

  26. 256px
    256px
    2

    (-, /2)

    View Slide

  27. 256px
    256px
    512px
    512px
    (0, 0)

    View Slide

  28. 256px
    256px
    (0, 0)
    2z ⨉ 256
    2z ⨉ 256

    View Slide

  29. 256px
    256px
    (0, 0)
    2z ⨉ 256
    2z ⨉ 256

    View Slide

  30. View Slide

  31. View Slide

  32. View Slide

  33. View Slide

  34. View Slide

  35. PROJCS["WGS 84 / Pseudo-Mercator",
    GEOGCS["WGS 84",
    DATUM["WGS_1984",
    SPHEROID["WGS 84",6378137,298.257223563,
    AUTHORITY["EPSG","7030"]],
    AUTHORITY["EPSG","6326"]],
    PRIMEM["Greenwich",0,
    AUTHORITY["EPSG","8901"]],
    UNIT["degree",0.0174532925199433,
    AUTHORITY["EPSG","9122"]],
    AUTHORITY["EPSG","4326"]],
    PROJECTION["Mercator_1SP"],
    PARAMETER["central_meridian",0],
    PARAMETER["scale_factor",1],
    PARAMETER["false_easting",0],
    PARAMETER["false_northing",0],
    UNIT["metre",1,
    AUTHORITY["EPSG","9001"]],
    AXIS["X",EAST],
    AXIS["Y",NORTH],
    EXTENSION["PROJ4","+proj=merc +a=6378137 +b=6378137 +lat_ts=0.0 +lon_0=0.0
    +x_0=0.0 +y_0=0 +k=1.0 +units=m +nadgrids=@null +wktext +no_defs"],
    AUTHORITY["EPSG","3857"]]

    View Slide

  36. View Slide

  37. [oceanplanning.org]

    View Slide

  38. View Slide

  39. View Slide

  40. View Slide

  41. View Slide

  42. View Slide

  43. View Slide

  44. View Slide

  45. View Slide

  46. View Slide

  47. View Slide

  48. View Slide

  49. View Slide

  50. [art]

    View Slide

  51. 256px
    256px
    (0, 0) 2z ⨉ 256
    2z ⨉ 256

    View Slide

  52. +

    View Slide

  53. View Slide