資訊視覺化介紹
Vizxtime把圖+config丟上來
張貼者:
Unknown
2016年11月1日 星期二
| 教育程度跟消費、收入相關 svg+config |
![]() |
收入與做志工人數
|
![]() |
| X軸 道路長度 Y軸 路上停車位 球的大小 汽車密度 照理說道路長度應該要和車位成正比 加上車子密度越高的話更應該增加車位數 SVG + CONFIG |
| X軸幼年人口數 Y軸 兒童受虐人數 SVG+CONFIG |
| X總犯罪人口 Y失業率 失業率越高,犯罪人口越多 SVG+CONFIG |
| X每人可支配所得 Y小客車登記數 W小客車登記成長率 近年來所得見見提升,小客車也跟著提升 SVG+CONFIG |
| X小客車數量 Y交通意外 隨著到路上的車輛變多,交通意外件數也隨之增加 SVG+CONFIG |
| X財政總收入 Y就業人口 近年就業率的提高,也隨著財政的提升 SVG+CONFIG |
| X老人年金 Y財政歲出 台灣近年老年人口的增加,在財務歲出見見的也佔滿大的比例 SVG+CONFIG |
| 平均收入越高,繳的稅越多 SVG+CONFIG |
![]() |
| X 犯罪發生率、Y 破獲率 球大小 平均每人警政支出 svg + config |
| X人口15-24歲 Y兒童受虐 W嬰兒死亡數 SVG+CONFIG |
![]() X 教養機構現有收容人數 Y教養機構總機構數 球大小 虐者人數 |
| svg + config |
| X環境保護汽車 Y環境保護機車 svg+config |
| X機車密度 Y汽車密度 W平均所得 svg+config |
vizxtime自己DIY匯入想要的資料教學
張貼者:
Unknown
2016年10月5日 星期三
首先先建立一個json檔(建議複製預設的config.json來改)
建立新的regions.csv和data.csv並匯入自己所找到的資料
如下圖
data2.csv和regions2.csv匯入資料完成後
用火狐瀏覽器打開vizxtime.html
| 把regions和data後面字串改成想要讀取的csv檔名 此圖皆以預設檔名後面加2來說明 建議xy軸和width不為空(請找匯入的資料配合) 不然一打開會跳錯誤,不過不會有甚麼影響 |
建立新的regions.csv和data.csv並匯入自己所找到的資料
如下圖
| 地區和顏色為config2.json檔裡的region和color對應字串 所以欄位名稱請務必一致,才能讀取資料 |
| data2.csv的欄位名稱年度和地區也必須對應到config2.json裡的region和time字串 |
data2.csv和regions2.csv匯入資料完成後
用火狐瀏覽器打開vizxtime.html
| 在原先的網址後加上?config=config2.json即可讀取自己匯入的資料 config2.json為你自己想讀取的json檔名,我這邊是以config2為範例 |
vizxtime 介紹使用教學
張貼者:
新米老爹
vizxtime is maintained by ckhung.
vizxtime下載連結
利用vizxtime配合數據可以找出哪些年、哪些縣市當中,有重大的影響使數據產生變化而且可以拿自己找到的數據並修改成符合的格式就能透過vizxtime拿來做資料視覺化
經過上一篇應用的介紹 這篇來教大家如何使用VIZXTIME
點擊連結下載 ZIP 壓縮檔 並解壓縮
解壓縮完成後把資料夾中的VizXTime.html 利用Firefox 瀏覽器開啟 即可使用
總共有三個欄位可以放置 X軸 Y軸 和 W 寬度
點選左下的資料可以輸入
然後藍色按鈕由左到右是 存圖片 存欄位 重新計算
在欄位中 我們也可以直接做四元計算 讓資料變得更直覺更接近你的想法
在寬度方面避免數據差距太大也有sqrt 開根號讓圖片更清晰
在寬度方面避免數據差距太大也有sqrt 開根號讓圖片更清晰
標籤:
開放資料
,
資料視覺化
利用vizxtime配合數據可以找出哪些年、哪些縣市當中,有重大的影響使數據產生變化而且可以拿自己找到的數據並修改成符合的格式就能透過vizxtime拿來做資料視覺化




vizxtime應用與下載連結
張貼者:
Unknown
2016年9月22日 星期四
vizxtime is maintained by ckhung.
vizxtime下載連結
利用vizxtime配合數據可以找出哪些年、哪些縣市當中,有重大的影響使數據產生變化而且可以拿自己找到的數據並修改成符合的格式就能透過vizxtime拿來做資料視覺化
| 黃點為屏東縣、紫點為台南市,三點皆為重災區 |
| 2008年新北市車位 大幅增加 |
| 65歲以上人力資源跟老人福利 SVG+config |
| 總歲入與總歲出 SVG+config |
| 就業人口數與總工作時數 SVG+config |
| 每日交通事故數與汽機車登記數量 svg+config |
| 機車密度+汽車密度與交通事故死亡數 SVG+config |
| 健保支出與法定傳染者人數 右邊藍點為高雄市、在2015年時法定傳染病患者數都為高點 SVG+config |
| 台灣男女主要死因 設定檔+data+regions |
| 球員打擊數據(運動數據也能應用) 設定檔+data+regions |
| 旅客來台人數 設定檔+data+regions |
| 台灣男女工作薪資比較 設定檔+data+regions |
警政支出 犯罪人口率/10萬
|
| 空氣汙染跟汽機車、工廠密度 從此圖可看出空氣汙染跟工廠、汽機車沒有太大的關聯 SVG+Config |
| NBA球隊進攻防守數據 data+config |
訂閱:
意見
(
Atom
)
熱門文章
-
http://www.w3schools.com/js/default.asp 此網站用來學習Javascript語法 http://d3mandaringuide.com/ 該網站教你如何用D3.js的方式去做...
-
RAW 統計圖表製作 RAW 是個可簡單做出統計圖表的網站, 基於 D3.js,一頁式不需註冊的使用方式,讓你可以很快做出不同於常見圖表的作品,再加上開放源碼的本質,隨時都能自己追加新的圖表類型 現在立刻點選USE IT NOW 進入畫面 中間那塊可以匯入資...
-
這是我們簡單整理獲得的資料現在我們要把他製作成我們要的格式 先把台灣地區過於龐大的資料 及無資料的部分刪除 先搜尋所有 然後把下面全選 按關閉後用Ctrl+- 點選整列 就縮減完畢 然後利用&把年度及地區連結 中間我加了一個 ...
-
vizxtime is maintained by ckhung . vizxtime下載連結 利用vizxtime配合數據可以找出哪些年、哪些縣市當中,有重大的影響使數據產生變化 而且可以拿自己找到的數據並修改成符合的格式就能透過vizxtime拿來做資料視...
-
視覺化範例 要點1.不同的使用者,不同的數據 對於不同的人,因為每個人的職位不同,所以顯示給他的數據也各不相同 要點2,頁面布局 避免做出東拼西湊的瑣碎視覺。好好安排頁面上的資訊,讓使...
-
找出合適的組合後,附上CSV下載連結及RAW的預覽圖。 一、政府部門醫療保健支出、機構數量跟死亡人數相關 https://drive.google.com/file/d/0B67T85s3aHWTWlg3SlQzdnpvc0U/view?usp=sharing 套用...
-
資料視覺化是一種分析資料的方式並以視覺物件(長條圖、圓餅圖 etc.)來呈現給使用者。 最主要的目的為透過「圖像」來有效並清楚的傳達給使用者「資料」的意義。 以下圖中華職棒野手成績來看 可以看到資料的數據就是長那樣子,對於愛看棒球的數據魔人來說這樣...
-
教育程度跟消費、收入相關 svg+config 收入與做志工人數 其實收入越高的人不一定會比收入較低的人更願意做志工 SVG + CONFIG X軸 道路長度 Y軸 ...
-
vizxtime is maintained by ckhung . vizxtime下載連結 利用vizxtime配合數據可以找出哪些年、哪些縣市當中,有重大的影響使數據產生變化 而且可以拿自己找到的數據並修改成符合的格式就能透過vizxtime拿來做資料視覺化 ...
網誌存檔
技術提供:Blogger.




