wboykinm

Two-Variable Points in Carto

Oct 7th, 2011
164
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.21 KB | None | 0 0
  1. /************************styled on two variables (pop and score)***********/
  2. .point {
  3.   [pop<=10000] {
  4.     [zoom>0][zoom<7] { marker-height: 0.5; }
  5.     [zoom>6][zoom<9] { marker-height: 2; }
  6.     [zoom>8][zoom<12] { marker-height: 8; }
  7.     [zoom>11] { marker-height: 10; }
  8.     [score<15] { marker-line-color: #253494; marker-fill: #2C7FB8; }
  9.     [score>=15][score<20] { marker-line-color: #253494; marker-fill: #41B6C4; }    
  10.     [score>=20][score<25] { marker-line-color: #253494; marker-fill: #7FCDBB; }
  11.     [score>=25][score<30] { marker-line-color: #253494; marker-fill: #C7E9B4; }
  12.     [score>=30] { marker-line-color: #253494; marker-fill: #FFFFCC; }
  13.   }  
  14.    
  15.   [pop>10000][pop<=50000] {  
  16.     [zoom>0][zoom<7] { marker-height: 0.5; }
  17.     [zoom>6][zoom<9] { marker-height: 2; }
  18.     [zoom>8][zoom<12] { marker-height: 10; }
  19.     [zoom>11] { marker-height: 12; }
  20.     [score<15] { marker-line-color: #253494; marker-fill: #2C7FB8; }
  21.     [score>=15][score<20] { marker-line-color: #253494; marker-fill: #41B6C4; }    
  22.     [score>=20][score<25] { marker-line-color: #253494; marker-fill: #7FCDBB; }
  23.     [score>=25][score<30] { marker-line-color: #253494; marker-fill: #C7E9B4; }
  24.     [score>=30] { marker-line-color: #253494; marker-fill: #FFFFCC; }
  25.   }
  26.  
  27.   [pop>50000][pop<=100000] {
  28.     [zoom>0][zoom<7] { marker-height: 2; }
  29.     [zoom>6][zoom<9] { marker-height: 10; }
  30.     [zoom>8][zoom<12] { marker-height: 12; }
  31.     [zoom>11] { marker-height: 15; }
  32.     [score<15] { marker-line-color: #253494; marker-fill: #2C7FB8; }
  33.     [score>=15][score<20] { marker-line-color: #253494; marker-fill: #41B6C4; }    
  34.     [score>=20][score<25] { marker-line-color: #253494; marker-fill: #7FCDBB; }
  35.     [score>=25][score<30] { marker-line-color: #253494; marker-fill: #C7E9B4; }
  36.     [score>=30] { marker-line-color: #253494; marker-fill: #FFFFCC; }
  37.   }  
  38.  
  39.   [pop>100000][pop<=500000] {
  40.     [zoom>0][zoom<7] { marker-height: 5; }
  41.     [zoom>6][zoom<9] { marker-height: 15; }
  42.     [zoom>8][zoom<12] { marker-height: 18; }
  43.     [zoom>11] { marker-height: 20; }
  44.     [score<15] { marker-line-color: #253494; marker-fill: #2C7FB8; }
  45.     [score>=15][score<20] { marker-line-color: #253494; marker-fill: #41B6C4; }    
  46.     [score>=20][score<25] { marker-line-color: #253494; marker-fill: #7FCDBB; }
  47.     [score>=25][score<30] { marker-line-color: #253494; marker-fill: #C7E9B4; }
  48.     [score>=30] { marker-line-color: #253494; marker-fill: #FFFFCC; }
  49.   }  
  50.      
  51.   [pop>500000] {
  52.     [zoom>0][zoom<5] { marker-height: 10; }
  53.     [zoom>4][zoom<9] { marker-height: 12; }
  54.     [zoom>8][zoom<12] { marker-height: 25; }
  55.     [zoom>11] { marker-height: 50; }
  56.     [score<15] { marker-line-color: #253494; marker-fill: #2C7FB8; }
  57.     [score>=15][score<20] { marker-line-color: #253494; marker-fill: #41B6C4; }    
  58.     [score>=20][score<25] { marker-line-color: #253494; marker-fill: #7FCDBB; }
  59.     [score>=25][score<30] { marker-line-color: #253494; marker-fill: #C7E9B4; }
  60.     [score>=30] { marker-line-color: #253494; marker-fill: #FFFFCC; }
  61.   }  
  62.   marker-allow-overlap: true;     /* allow markers to overlap      */
  63.   marker-opacity: .6;             /* set the marker to 60% opacity */
  64.   marker-line-opacity: .8;        /* set the line to 80% opacity   */
  65. }
  66.  
Advertisement
Add Comment
Please, Sign In to add comment