| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Add layer | CARTO</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta charset="UTF-8"> | |
| <!-- Include CARTO VL JS --> | |
| <script src="http://libs.cartocdn.com/carto-vl/v0.7.0/carto-vl.js"></script> | |
| <!-- Include Mapbox GL JS --> | |
| <script src="https://libs.cartocdn.com/mapbox-gl/v0.48.0-carto1/mapbox-gl.js"></script> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width" /> | |
| <title>DiviBikes</title> | |
| <script src="https://cartodb.github.io/carto-vl/dist/carto-vl.js"></script> | |
| <script src="https://cartodb.github.io/carto-vl/vendor/mapbox-gl-dev.js"></script> | |
| <link href="https://cartodb.github.io/carto-vl/vendor/mapbox-gl-dev.css" rel="stylesheet" /> | |
| <style type="text/css" media="screen"> |
| create table result as ( | |
| with one as ( | |
| SELECT nyc_pluto_15v1_resonly.the_geom, | |
| white_noth, | |
| asian_noth, | |
| black_noth, | |
| hl, | |
| lt_12_race.cartodb_id, | |
| resarea, |
| https://drive.google.com/a/cartodb.com/file/d/17A_2lnY6C1x18Wl26R_Tb4lh1lKmaswM/view?usp=sharing |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title></title> | |
| <!-- Bootstrap --> | |
| <link href="//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"> |
This experiment introcudes a new renderer. By specifying marker-type: vector; in the CartoCSS we can render a vector field.
The magnitude of each tick is specified by marker-mag and the direction is specified by marker-angle (radians) while the color
of each marker is specified by marker-stroke. Using torque multi variable we can make each of these dependant on different variables.
Example of the CartoCSS for the example is here:
| { | |
| "dev": { | |
| "app_function": "plotter.app", | |
| "s3_bucket": "zappa-888fe0qlm", | |
| "slim_handler": true | |
| } | |
| } |
| backend : Agg |
| virtualenv env | |
| source env/bin/activate | |
| pip install zappa requests pandas matplotlib flask |