SHARE
TWEET

CartoDB visual w/ two independent value ranges in legend

marianoju Aug 24th, 2015 (edited) 362 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
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top