Code Monkey home page Code Monkey logo

d3-stat-map's Introduction

d3-stat-map

Interactive Taiwan census statistics graph and choropleth (statistics map) using D3.js

以 D3.js 製作的臺灣人口互動統計圖及統計地圖

操作方式

請在 統計圖頁面 先選取要觀察的縣市, 再用第一個水平滑動鈕選取要觀察的年齡範圍 (例如 5 歲)。 然後移動第二個水平滑動鈕觀察不同起始年齡 (例如 20 歲開始, 到 24 歲為止) 人口佔各區或各鄉鎮的當地總人口多少百分比。

共有三個分頁。

  • 最左邊長條圖是程式作者自己的學步練習, 請忽略
  • 最右邊的人口地圖以紅色系顯示高百分比、 藍色系顯示低百分比。 可以用滑鼠滾輪放大縮小。
  • 對於人口分佈研究者而言, 視覺上最有幫助的其實是中間的男女人口圖。 橫軸是該年齡範圍佔各區域人口的百分比; 縱軸則是該年齡範圍男性人口佔各區域人口的百分比的 z 值。 也就是說, 在正負 3 (個標準差) 之內是一般正常的狀況; 很正的值 (位於很上方) 表示該區男性偏多; 很負的值 (位於很下方) 表示該區女性偏多。 若女性人口為 0, 則以 12 表示; 男性人口為 0, 則以 -12 表示。

一些有趣的觀察:

  • 臺中市中區在十幾歲的範圍人口比例特別高, 是因為家長選學區嗎? 可是中一中在北區; 中女中在西區啊?
  • 戶籍位於臺中市南屯區三四十歲的人口當中, 女性人口壓倒性超越男性啊!
  • 戶籍位於臺中市和平區五十多歲的人口比例特別高。

資料來源及前置處理

(給開發者看的) 程式寫作說明

抄程式學 d3.js

引用本程式

若本程式對您的研究有幫助, 請這樣引用:

洪朝貴 (2015)。 d3-stat-map 。 取自 https://github.com/ckhung/d3-stat-map

d3-stat-map's People

Contributors

ckhung avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.