Demo of how to create an Angular.js directive which provides a d3.js visualization.
The data used by the visualisation is provided by a controller and is synced by Angular.
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="http://d3js.org/d3.v3.min.js"></script> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| </body> |
| all: es.json | |
| es.json: subunits.json places.json provinces.json | |
| topojson \ | |
| -o es.json \ | |
| --id-property SU_A3 \ | |
| --properties name=NAME \ | |
| -- \ | |
| subunits.json \ | |
| provinces.json \ |
| all: cadiz.json | |
| cadiz.json: ca_manzanas.json | |
| topojson \ | |
| -o cadiz.json \ | |
| --id-property ID_MANZ \ | |
| --properties muni=INE_MUN \ | |
| -- \ | |
| ca_manzanas.json |
| all: cadiz.json | |
| cadiz.json: ca_manzanas.json | |
| topojson \ | |
| -o cadiz.json \ | |
| --id-property ID_MANZ \ | |
| --properties muni=INE_MUN \ | |
| -- \ | |
| ca_manzanas.json |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Logo animation</title> | |
| <script src="//d3js.org/d3.v3.min.js"></script> | |
| <meta charset="utf-8"> | |
| </head> | |
| <body> | |
| </body> | |
| <script src="index.js"></script> |
| all: la.json | |
| # Compose general json | |
| la.json: la_county_neighborhoods_current.geojson | |
| topojson \ | |
| -o la.json \ | |
| --id-property external_id \ | |
| --properties name=external_id \ | |
| -- \ | |
| la_county_neighborhoods_current.geojson |
Demo of how to create an Angular.js directive which provides a d3.js visualization.
The data used by the visualisation is provided by a controller and is synced by Angular.
| #!/bin/sh | |
| # Set this to the ssh key that you use with azure. | |
| ssh-add ~/.ssh/bsp_rsa | |
| # "azure" is a .ssh/config alias with all the host data. | |
| ssh azure "sudo varnishadm 'ban.url .*'" |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>DC Amsterdam Videos</title> | |
| <script src="//underscorejs.org/underscore-min.js"></script> | |
| <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> | |
| </head> | |
| <body> | |
| <script id="tmpl-videos" type="text/template"> |
| ### Keybase proof | |
| I hereby claim: | |
| * I am peterlozano on github. | |
| * I am peterlozano (https://keybase.io/peterlozano) on keybase. | |
| * I have a public key whose fingerprint is A6E0 5BEA C349 D8CA E822 35E9 D10C 6EF3 BEA1 7A70 | |
| To claim this, I am signing this object: |