zbryikt zbryikt

資料視覺化讀者作品

利用 QGIS + three.js 實作立體地圖，請參考: https://www.facebook.com/data.visualize/posts/551072538396526 地圖上顯示黃色方塊為 OSM 提供的建物、綠色方塊為郵筒。

Author: 林立哲

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:

d3.tsv - load and parse data
d3.scale.linear - x- and y-position encoding
d3.scale.ordinal - color encoding
d3.extent - compute domains
d3.svg.axis - display axes

CSS 命名 / 架構規範上的幾個大方向

參考: OOCSS, SMACSS, BEM, AMCSS, SUITCSS, ACSS

分類 (smacss) base - 基本元件, like, a, b, img, 最基礎的屬性, 可能在任何場合被使用 layout - 整個網站的大架構 module - 功能性元件, 比方說選單 state - 狀態指示, 像是打開 / 關上 / 等待中

	<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");

	<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

	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]>

	node_modules
	assets
	server.ls