研究筆記 - Javascript plot

不必寫程式就可以開始視覺化

Google Map 資料匯入

•  Google Map 可匯入 CSV、TSV、KML、KMZ、GPX 或 XLSX，一個圖層只能匯入一個資料檔案，每個檔案最多可以有 2,000 列資料。[官方說明]

Google Fusion Table，不用寫 code 也可以產生主題地圖 (利用Google sheet做資料轉換)

• http://kuro.tw/posts/2015/10/15/using-google-fusion-table-without-writing-code-or-topic-maps

來把地理資訊往 GitHub 丟吧！

• http://ronny.wang/blog/post/39728713-%E4%BE%86%E6%8A%8A%E5%9C%B0%E7%90%86%E8%B3%87%E8%A8%8A%E5%BE%80-github-%E4%B8%9F%E5%90%A7%EF%BC%81
• http://github.ronny.tw/ronnywang/twgeojson/blob/master/twvillage2010.json#24.16007121250198,120.06559445335506,7

Google Map API 相關使用方法

Google Map Visualization

•  Google Maps Javascript API 輸出的 GeoJSON 預設的樣式是黑線，可透過 setStyle 來處理。[ 利用 Google Map 檢視台北市降雨淹水模擬圖 ]
• 透過 Google Maps API 處理 GeoJSON 資料
• 從 GeoJSON 資料也能轉換成 Heat Map 的視覺化形式 [ 淺談 Google map Heat map API ]

透過 Google Maps API 處理 GeoJSON 資料

• http://kuro.tw/posts/2015/04/28/through-the-google-maps-api-geojson-data

JS Bin 立即驗證程式視覺結果

• http://jsbin.com/totuzisobo/1/edit?html,css,js,output

資料轉換與資料格式預處理

kml 檔案轉為 geoJSON

• mapbox 的 togeojson 套件，透過 toGeoJSON.kml(doc) 可以將kml轉為 geoJSON 。

GeoJSON 開發好物

• http://geojson.io/#map=8/25.024/121.369
• http://geojsonlint.com/

USGS GeoJSON Summary Format

• http://earthquake.usgs.gov/earthquakes/feed/v1.0/geojson.php

The GeoJSON Format Specification

• http://geojson.org/geojson-spec.html#examples

Javascript 及 Google Map 相關套件

Leaflet.js

• http://leafletjs.com/examples/geojson.html

Javascript 視覺化套件

plotly.js

TURF - Develop by MapBox 輕量高速的 Web-GIS JS Library

• Turf is a JavaScript library for spatial analysis. 
• http://turfjs.org/static/docs/
• Turf.js - 地理資訊的分析與地圖