利用 QGIS + three.js 實作立體地圖,請參考: https://www.facebook.com/data.visualize/posts/551072538396526 地圖上顯示黃色方塊為 OSM 提供的建物、綠色方塊為郵筒。
Author: 林立哲
<style id="jsbin-css"> | |
body { | |
background: #f00; | |
} | |
</style> | |
hihi | |
<script id="jsbin-javascript"> | |
console.log("ok"); | |
</script> |
<html> | |
<head> | |
<meta charset="utf-8"/> | |
</head> | |
<body> | |
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script> | |
<script> | |
var death_rate = [['越南',24.26],['阿魯巴',17.48],['關島',10.01],['澳門',5.84]]; | |
var div_data_bind = d3.select("body").selectAll("div").data(death_rate); | |
div_set = div_data_bind.enter().append("div"); |
利用 QGIS + three.js 實作立體地圖,請參考: https://www.facebook.com/data.visualize/posts/551072538396526 地圖上顯示黃色方塊為 OSM 提供的建物、綠色方塊為郵筒。
Author: 林立哲
<html> | |
<head></head><title>Page Title. Maximum length 60-70 characters</title> | |
<meta name="description" content="Page description. No longer than 155 characters." /> | |
<!-- Twitter Card data --> | |
<meta name="twitter:card" content="summary"> | |
<meta name="twitter:site" content="@loadingio"> | |
<meta name="twitter:title" content="Page Title"> | |
<meta name="twitter:description" content="Page description less than 200 characters"> | |
<meta name="twitter:creator" content="@loadnigio |
node_modules | |
assets | |
server.ls |
Mouseover to repel nodes. Adapted from my talk on force layouts. Compare to the canvas version.
Here is a code snippet to retrieve access token via google service account.
This scatterplot is constructed from a TSV file storing the dimensions of sepals and petals of various iris flowers. The chart employs conventional margins and a number of D3 features:
require! <[fs cheerio request bluebird]> | |
prequest = (config) -> new bluebird (res, rej) -> | |
(e,r,b) <- request config, _ | |
if e or !b => return rej {e,r,b} | |
return res {e,r,b} | |
degrule = /(\d+)°(\d+)′([0-9.]+)″([NEWS])/ | |
$ = cheerio.load(fs.read-file-sync \list.html .toString!) | |
months = <[January February March April May June July August September October November December]> |