All Projects → imdataman → taipei-house-age-map

imdataman / taipei-house-age-map

Licence: other
利用台北市政府開放的建築使用執照資料,製作台北市屋齡地圖

Programming Languages

r
7636 projects
HTML
75241 projects
javascript
184084 projects - #8 most used programming language

Labels

Projects that are alternatives of or similar to taipei-house-age-map

Simple-charts
Simple responsive charts
Stars: ✭ 15 (-46.43%)
Mutual labels:  d3js
web mind mapping
基于 D3.js 的 web 思维导图
Stars: ✭ 71 (+153.57%)
Mutual labels:  d3js
github-admin
vue和element-ui搭建一個後台管理系統,使用github提供的api搞事情。輸入您的github賬號名自動幫你生成基本的github信息哦😯
Stars: ✭ 15 (-46.43%)
Mutual labels:  d3js
MeshGraphViewer
Visualize mesh graphs as forcegraph and on OpenStreetMap
Stars: ✭ 14 (-50%)
Mutual labels:  d3js
git-history-flow
Visualize the evolution of a file tracked by git
Stars: ✭ 17 (-39.29%)
Mutual labels:  d3js
d3-gridding
grids for rapid D3 charts mockups
Stars: ✭ 100 (+257.14%)
Mutual labels:  d3js
github-readme-twitter
Add Twitter to your github readme
Stars: ✭ 73 (+160.71%)
Mutual labels:  d3js
upsetjs
😠 UpSet.js - a set visualization library for rendering UpSet Plots (a JavaScript re-implementation of UpSet(R) by Lex et al), Euler Diagrams, Venn Diagrams, and Karnaugh Maps
Stars: ✭ 62 (+121.43%)
Mutual labels:  d3js
k8s-graph
Visualize your Kubernetes (k8s) cluster
Stars: ✭ 23 (-17.86%)
Mutual labels:  d3js
real-time-data-viz-d3-crossfilter-websocket-tutorial
Tutorial on real-time data visualization. Python websocket server & d3.js + crossfilter.js frontend
Stars: ✭ 32 (+14.29%)
Mutual labels:  d3js
covid19-dashboard-vaccini
[WIP] Unofficial example of the COVID-19 vaccinations dashboard
Stars: ✭ 25 (-10.71%)
Mutual labels:  d3js
Zeitline
A polylinear timeline with clustering, centred on interactions. — Doc and demo https://octree-gva.github.io/Zeitline/
Stars: ✭ 15 (-46.43%)
Mutual labels:  d3js
haskell-code-spot
Visual tool to spot odd runtime behaviour of Haskell programs.
Stars: ✭ 106 (+278.57%)
Mutual labels:  d3js
avatarmake
Easily make your own cartoon avatar base on d3.js
Stars: ✭ 34 (+21.43%)
Mutual labels:  d3js
word2viz
Visualization of semantic similarities in word embeddings.
Stars: ✭ 86 (+207.14%)
Mutual labels:  d3js
d3-force-surface
A multi-surface elastic collision force type for the d3-force simulation engine
Stars: ✭ 19 (-32.14%)
Mutual labels:  d3js
deep-snake
A snake game trained using simple deep learning implemented in client side javascript.
Stars: ✭ 77 (+175%)
Mutual labels:  d3js
hiccup-d3
D3-Charts written in Clojure
Stars: ✭ 74 (+164.29%)
Mutual labels:  d3js
d3Tree
htmlwidget that binds d3js collapsible trees to R and Shiny to make an interactive search tool
Stars: ✭ 79 (+182.14%)
Mutual labels:  d3js
d3-kagi
An open source javascript library to render beautiful Kagi charts using D3.js and pure Javascript
Stars: ✭ 26 (-7.14%)
Mutual labels:  d3js

台北市屋齡地圖

利用台北市政府開放的建築使用執照資料,製作台北市屋齡地圖

製作說明

製作台北市屋齡地圖的過程中,使用了R、Node、QGIS、Command Line等工具,以下根據製作過程先後,說明repo內檔案的功能:

  • 使用執照:從台北市開放資料網站下載的原始資料
  • taipei_build_license_xml.R:由於原始資料是不容易處理的XML檔,先使用R將不同年份的XML資料整合成一個檔案,並將整理好的結果輸出成台北市建築使用執照.csv
  • 台北市建築使用執照.csv:taipei_build_license_xml.R的產出。
  • building_geocode.R:讀取台北市建築使用執照.csv,進行近一步的處理,包括地址轉經緯度、計算屋齡、舊地址轉新地址等。整理好的結果輸出成台北市建築年份加經緯度.csv台北市建築年份加經緯度欄位較少版.csv
  • geocode.R:專門為了地址轉經緯度寫的爬蟲程式,使用國土規劃地理資訊圖台的全國門牌地址搜尋功能。
  • twd_to_wgs.R:由於geocode.R產生的經緯度為TWD97格式,需要轉換成WGS84格式,才能與openstreetmap的地圖做搭配,因此寫了twd_to_wgs.R進行轉換,轉換公式主要參考網路上TWD97轉WGS84的文章。
  • old_new_addr.R:專門為舊地址轉新地址寫的爬蟲程式,使用台北市政府民政局門牌整合檢索系統的門牌變動查詢功能。
  • geoproject.ssh:我將台北市建築年份加經緯度欄位較少版.csv丟到QGIS,將csv轉成shp之後,用Command Line的指令(主要使用Mike Bostock的NPM moduleshapefile和d3),把shp轉成geojson,並預先做好做好座標轉換,減少瀏覽器的計算負荷,產出的結果為tp-projection.json
  • tp-projection.json:geoproject.ssh的產出結果
  • split_json.js:由於一口氣繪製全台北市的建築,對瀏覽器的負擔還是太高,因此我用Nodejs讀取tp-projection.json,將單一檔案根據行政區切成12個檔案,放到data資料夾。
  • data:存放實際用來畫地圖的12個行政區建築屋齡資料,內有12個geojson檔。
  • index.html:網頁呈現的檔案,內有地圖的html、css和javascript。
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].