marianoju

CartoDB visual w/ two independent value ranges in legend

Aug 24th, 2015
493
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!-- CartoDB choropleth + bubble visualization legend -->
  2. <!-- see http://gis.stackexchange.com/q/148500/52380 -->   
  3.  
  4. <div class="legend-title">Plätze und Belegung</div>
  5. <div class='cartodb-legend bubble' style="margin-bottom:20px">
  6. <!-- setting a margin-bottom value is necessary to keep the two divs from overlapping -->
  7. <ul>
  8.     <li>
  9.         125
  10.     </li>
  11.     <li style="background: rgb(184, 22, 9) none repeat scroll 0% 0%;" class="graph">
  12.         <div class="bubbles"></div>
  13.     </li>
  14.     <li>
  15.         1300
  16.     </li>
  17. </ul>
  18. </div>
  19. <div class='cartodb-legend choropleth'>
  20. <ul>
  21.     <li class="min">
  22.         0.58
  23.     </li>
  24.     <li class="max">
  25.         1.43
  26.     </li>
  27.     <li class="graph count_441">
  28.     <div class="colors">
  29.         <div class="quartile" style="background-color:#FFFFB2"></div>
  30.         <div class="quartile" style="background-color:#FED976"></div>
  31.         <div class="quartile" style="background-color:#FEB24C"></div>
  32.         <div class="quartile" style="background-color:#FD8D3C"></div>
  33.         <div class="quartile" style="background-color:#FC4E2A"></div>
  34.         <div class="quartile" style="background-color:#E31A1C"></div>
  35.             <div class="quartile" style="background-color:#B10026"></div>
  36.     </div>
  37.     </li>
  38. </ul>
  39. </div>
RAW Paste Data Copied