marker-fill: ramp([column_name], colorbrewer(Greens));
| |
v |
column to calculate ramp |
v
it will use a color ramp from http://colorbrewer2.org/
marker-fill: ramp([column_name], colorbrewer(YlGnBu, 7));
|
v
force number of classes
default: 5 classes
marker-fill: ramp([column_name], colorbrewer(Reds), jenks);
|
v
force quantification method
default: quantiles
marker-width: ramp([column_name], 4, 18);
| | |
v | |
column to calculate ramp | |
v |
start value for the ramp |
|
v
end value for the ramp
marker-width: ramp([column_name], 4, 18, equal);
|
v
force quantification method
default: quantiles
marker-width: ramp([column_name], 4, 18, 6);
|
v
force number of buckets
default: 5
marker-width: ramp([column_name], 4, 18, 6, jenks);
| |
v |
force number of classes |
v
force quantification method
CDB_QuantileBins.CDB_EqualIntervalBins.CDB_JenksBins.CDB_HeadsTailsBins.xxxxxxxxxx<html><head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" /> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.7.0/codemirror.min.css"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.7.0/theme/monokai.min.css"> <style> body { margin: 16px; padding: 0; border: 0; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif; } textarea { padding: 0; margin: 0; border: solid 1px #999; height: 64px; } .wrap { width: 960px; margin: 0 auto; } .loader, .editor, .options { border-bottom: solid 1px #666; padding: 16px 0; } .loader input, .loader select { margin: 0 24px; } .loader input { width: 320px; } .editor label { width: 480px; margin-bottom: 12px; display: block; float: left; } .CodeMirror { float: left; width: 479px; border-left: 1px solid #fff; height: 160px; } #map { clear: both; width: 960px; height: 480px; margin-top: 16px; } .clear { clear: both; } </style></head><body> <div class="wrap"> <form class="loader"> <label for="examples">Examples</label> <select name="examples" id="examples"></select> <label for="endpoint">Maps API endpoint</label> <input type="text" name="endpoint" id="endpoint" value="https://mpgranch.cartodb.com/api/v1/map"> </form> <!-- <form class="options"> <input type="checkbox" name="raster" id="raster"> <label for="raster">Raster</label> </form> --> <form class="editor"> <label for="sql_editor">SQL</label> <label for="css_editor">CartoCSS</label> <textarea id="sql_editor" class="code"></textarea> <textarea id="css_editor" class="code"></textarea> <div class="clear"></div> </form> <div id="map"></div> </div></body><script src="//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.7.0/codemirror.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.7.0/mode/css/css.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.7.0/mode/sql/sql.min.js"></script><script src="examples.js"></script><script src="app.js"></script></html> https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js
https://cdnjs.cloudflare.com/ajax/libs/codemirror/4.7.0/codemirror.min.js
https://cdnjs.cloudflare.com/ajax/libs/codemirror/4.7.0/mode/css/css.min.js
https://cdnjs.cloudflare.com/ajax/libs/codemirror/4.7.0/mode/sql/sql.min.js