river_direction.md

Maps of US rivers colored by their direction

Data

Data was reused from yesterday's project

Processing

River angles were measured simply using the ST_Azimuth function directly in CartoDB

Style

Maps inspired by Von Worley's metro area maps

The style was applied with CartoCSS

  
  @lw: 0.3;
#river_directions{
  line-color: #FFFFFF;
  line-width: 0.5;
  line-opacity: 1;
  line-cap: round;
  [azimuth<6.33]{line-color:#ff0080;}
  [azimuth<5.99]{line-color:#d72780;}
  [azimuth<5.66]{line-color:#b04f80;}
  [azimuth<5.33]{line-color:#887680;}
  [azimuth<4.99]{line-color:#619d80;}
  [azimuth<4.66]{line-color:#3ac580;}
  [azimuth<4.33]{line-color:#12ec80;}
  [azimuth<3.99]{line-color:#0fcb92;}
  [azimuth<3.66]{line-color:#0caaa4;}
  [azimuth<3.33]{line-color:#098ab5;}
  [azimuth<2.99]{line-color:#0669c7;}
  [azimuth<2.66]{line-color:#0348d9;}
  [azimuth<2.33]{line-color:#0027eb;}
  [azimuth<1.99]{line-color:#2b21d9;}
  [azimuth<1.66]{line-color:#551ac7;}
  [azimuth<1.33]{line-color:#8014b5;}
  [azimuth<0.99]{line-color:#aa0da4;}
  [azimuth<0.66]{line-color:#d40792;}
  [azimuth<0.33]{line-color:#ff0080;}
}


#river_directions [ strahler <= 7] {
  line-width: @lw *5;
  [zoom>6]{line-width: @lw * 10;}
  [zoom>7]{line-width: @lw * 20;}
  [zoom>8]{line-width: @lw * 30;}
  [zoom>9]{line-width: @lw * 90;}
}
#river_directions [ strahler <= 6] {
  line-width: @lw * 4;
  [zoom>6]{line-width: @lw * 8;}
  [zoom>7]{line-width: @lw * 16;}
  [zoom>8]{line-width: @lw * 24;}
  [zoom>9]{line-width: @lw * 72;}
}
#river_directions [ strahler <= 5] {
  line-width: @lw * 3;
  [zoom>6]{line-width: @lw * 6;}
  [zoom>7]{line-width: @lw * 12;}
  [zoom>8]{line-width: @lw * 18;}
  [zoom>9]{line-width: @lw * 54;}
}
#river_directions [ strahler <= 4] {
  line-width: @lw * 2.5;
  [zoom>6]{line-width: @lw * 5;}
  [zoom>7]{line-width: @lw * 10;}
  [zoom>8]{line-width: @lw * 15;}
  [zoom>9]{line-width: @lw * 45;}
}
#river_directions [ strahler <= 4] {
  line-width: @lw * 2;
  [zoom>6]{line-width: @lw * 4;}
  [zoom>7]{line-width: @lw * 8;}
  [zoom>8]{line-width: @lw * 12;}
  [zoom>9]{line-width: @lw * 36;}
}
#river_directions [ strahler <= 3] {
  line-width: @lw *1.5;
  [zoom>6]{line-width: @lw * 3;}
  [zoom>7]{line-width: @lw * 6;}
  [zoom>8]{line-width: @lw * 9;}
  [zoom>9]{line-width: @lw * 27;}
}
#river_directions [ strahler <= 2] {
  line-width: @lw;
  [zoom>6]{line-width: @lw * 2;}
  [zoom>7]{line-width: @lw * 4;}
  [zoom>8]{line-width: @lw * 6;}
  [zoom>9]{line-width: @lw * 18;}
}