數據可視化,是關於數據視覺表現形式的科學技術研究。總而言之就是經過分析龐大的數據,而後把分析的結果用圖,表,顏色等視覺效果強的方式表現出來,使使用數據結果的人一目瞭然。json
西先看幾張比較美的數據可視化圖片:編輯器
你是否是想知道這些圖表是怎麼作出來的?工具
答案就是,對大數據進行深度分析,再使用軟件去展示,記住,分析是最主要的,展示只是結果。固然,數據分析的課題太大,我這兒只說如何展示,也就是用什麼工具和軟件:字體
數據可視化要用到的軟件有:大數據
1、軟件:spa
一、AI:全名是Adobe Illustrator,是一款比較不錯的基於矢量的圖形制做軟件。價格比較昂貴。操作系統
二、Adobe InDesign。也是Adobe的軟件,主要用於各類印刷品的排版編輯。用來將咱們分析好的結果排版成表現性較強的圖片或文檔。.net
三、OmniGraffle。OmniGraffle是由The Omni Group製做的一款繪圖軟件,其只能於運行在Mac OS X和iPad平臺之上。它曾得到2002年的蘋果設計獎。在不少方面,OmniGraffle都相似於Microsoft Visio,是一款流程圖製做軟件。因此能夠用來繪製程序流程圖,控制流程圖、ER關係圖等,功能很強大。設計
四、Inkscape。Inkscape是一套矢量圖形編輯器,以自由軟件受權發佈與使用。該軟件的開發目標是成爲一套強力的繪圖軟件,且能徹底遵循與支持XML、SVG及CSS等開放性的標準格式。Inkscape是一套跨平臺性的應用程序,Windows、Mac OS X、Linux及類UNIX版等操做系統。注意,這是一款免費的軟件哦。使用這款軟件主要能夠用來快捷的繪製一些扁平化的圖標。code
五、PowerPoint。 也就是ppt,這個的好處是咱們大多數人的電腦上其實已經裝了這款軟件,ppt也是一款不錯的矢量圖設計軟件,但咱們常規的用法是拿來演示。
六、PotoShop。也就是PS,也是Adobe公司的一款平面設計軟件,和AI 不一樣的是,PS 是位圖設計軟件。
七、Pixelmator ,一款適用於Mac操做系統的軟件,是相似於 Photoshop 的圖形處理軟件。乾淨整潔的界面易於操做,支持常見的 PSD、TIFF、JPEG、PNG、PDF、EPS 等圖形文件格式,以及足可與 Photoshop 匹配的選取、漸變、筆刷、填充、裁切,甚至魔術棒工具等功能,和 50 多種專業的濾鏡,以及系統預設的調色板以及字體資源。
八、GIMP。GIMP的定義 GIMP 是跨平臺的圖像處理程序。GIMP 是 GNU 圖像處理程序(GNU Image Manipulation Program)的縮寫。包括幾乎全部圖象處理所需的功能,號稱Linux下的PhotoShop。免費的哦。
九、acorn。這是一款輕量級的圖片處理軟件,安裝包只有20M,可是功能基本完善,與Pixelmator 類似。
十、sketch 這個軟件很贊,很贊。。。。。不過也只能用在mac上。。。。
2、線上數據可視化:
http://www.tubiaoxiu.com/ 圖標秀,比較好用的一款軟件
一、wordle.net。
二、Chartle.net。(免費)
三、diychart.com。
四、gephi.org/。
五、gliffy.com。
七、thenounproject.com/。(會讓你知道概念如何可視化)
八、datamarket.com/。(讓你知道世界各地的數據可視化後的樣子)
十、http://www.fusioncharts.com(親測比較有用的)JavaScript 圖表庫,可建立 90 多種類型的圖表,包括 2D 和 3D 版本。能夠生成json包和xml包。以下面的代碼是一個柱形圖的json包和xml包。
{ "chart": { "caption": "Top 5 Sales People - 2013", "useroundedges": "1", "bgcolor": "FFFFFF", "numberprefix": "$", "plotgradientcolor": "", "showalternatehgridcolor": "0", "divlinecolor": "CCCCCC" }, "data": [ { "label": "Andy", "value": "360000", "color": "008ee4" }, { "label": "Mary", "value": "330000", "color": "008ee4" }, { "label": "John", "value": "310000", "color": "008ee4" }, { "label": "John", "value": "260000", "color": "008ee4" }, { "label": "John", "value": "230000", "color": "008ee4" } ] }
<chart caption='Top 5 Sales People - 2013' useRoundEdges="1" bgColor="FFFFFF" numberPrefix="$" plotGradientColor="" showAlternateHGridColor="0" divLineColor="CCCCCC"> <set label='Andy' value='360000' color="008ee4" /> <set label='Mary' value='330000' color="008ee4" /> <set label='John' value='310000' color="008ee4" /> <set label='John' value='260000' color="008ee4" /> <set label='John' value='230000' color="008ee4" /> </chart>