guardian / walled-worlds

Walls of the world

Walled worlds

An interactive guide to walls of the world.

Image Processing

Images come from LandSat. Band 4 is red, band 3 is green and band 2 is blue. Band 8 is panchromatic.

1. otbcli_BundleToPerfectSensor -ram 4096 -inp LC81740382013249LGN00_B8.TIF -inxs 3.tif -out pan-3.tif uint16
2. Combine the bands into one image. convert -combine pan-{4,3,2}.tif final-rgb.tif
3. gdalwarp to reproject into a EPSG 3785 map projection
4. convert -channel B -gamma 0.985 -channel R -gamma 1.01 -channel RGB -sigmoidal-contrast 25x20% RGB.tiff RGB-corrected.tiff

Map data areas

• West Bank improved imagery: LC81740382013249LGN00 06 Sep 2013
• Western Sahara: LC82020412013253LGN00 10 Sep 2013
• Greece: LC81810312013122LGN01
• Sao Paulo: LC82190762013132LGN01
• Spain: LC82000352013143LGN01

Tarball of these images are on the shared drive at: afp://afs3.dmz.gnl/Editorial (afs3)/GNM Interactive Team/Users Interactive Team/Daan Louter/Daan Louter, Public/walled-worlds

## Image processing steps

• Build VRT
• Pansharpen the image
• Translate the image
• Projection warping

Client side

• jQuery
• Backbone

Required developer tools

• ImageMagick
• GDAL
• Orfeo Toolbox
• Earth Explorer

walled-worlds's Issues

IE8: Navigation CSS pseudo selectors don't work

videos don't play (chrome, mac)

country names appearing as pins on w sahara

Background image jitter in IE9

SVG sticks out of last chapter

SVG is position fixed and extends outside of the last chapter.

Mobile navigation sometimes shows two walls at once

IE9: SVGs don't load

Multiple videos can be played at the same time

Playing a new video should pause all other videos.

Scrolling between chapters can cause page to flicker

History push state and scrollTo gets caught in loop causing page to flicker.

IE8: Background images are hidden

Media breakpoint triggers too early

R2 on small window size triggers narrow view

Browser's back button goes to beginning of current chapter, not previous chapter.

If you click on the browser's back button it will go to the beginning of current chapter, not the previous chapter. (but the url changes to the previous chapter)

belfast map not drawing

Needs publishing?

Some animations don't complete

Scrolling down the page fast can result in some animations not completing. Problem could be due to a shared instance of Tween.

deep links to chapters revert to intro after page load

if you follow a link to eg

http://www.code.dev-theguardian.com/world/interactive/2013/oct/24/1#homs

the page will load, the wall draw and then the page revert to

http://www.code.dev-theguardian.com/world/interactive/2013/oct/24/1#intro

video fullscreen button opens in a high narrow frame (vid stays same size)