熱情的或——有溫度的“1”
大家好，大家肯定很好奇，數據能是什麼樣子嘛，不就是乾巴巴的1.2.3…！喲，這個火熱的“1”好像是挺絢麗的啊，但對不起，這只是數字，並不是數據。
數據——無情的一板一眼
那數據是什麼樣子呢？哈哈，數據實際上是數字組合起來，但是最初的它可是比數字還要規矩哦，大家肯定見過甚至用過excel吧，那就是數據最直接的體現哦。後來數據知道“化妝”了，色彩豐富的柱狀圖、折線圖、餅圖、雷達圖、地圖等圖形等，讓高冷的它變得熱情起來，也成為了炙手可熱的現代社會一員，它也越來越被更多的人接受和喜愛。
打扮後的數據顯示
隨著數據獲得越來越多的人的喜愛之時，它發現了在這個“顏值即正義”的時代，美是沒有邊界的，由此它發明了一個屬於它的專屬名詞——“數據之美”，它也將自己的內在美挖掘的淋漓盡致，掀起了又一波追逐它腳步的人。
酷——讓人一見鍾情的數據
現在的數據綜合了多個方面——無論是圖表的風格、元素、配色、文字、交互還是細節——來實現它的亮眼之處；它還開發了更多的高級顯示方式，豐富多彩的箱型圖、瀑布圖、詞雲圖、桑基圖等高級圖形；它變得越來越人性化了，它可以完全稱得上一個非常優秀的Tony老師了。
數據的Tony老師——數據可視化網頁核心
作為這麼優秀的一個Tony老師，拿手絕活和獨家秘笈肯定少不了的，今天就一起分享一個順應時代潮流的手段——D3.JS。D3是Data Driven Documents的首字母縮寫，通過數據驅動文檔的方式來實現數據的絢麗登場；另外它還是前端網頁技術的集大成者之一，通過將Html 5、CSS、Javascript結合起來與SVG遙相呼應，實現了數據的華麗轉身，更是順應了大數據橫行的時代潮流。
科技與知識的化身——知識圖譜
它最深入人心的地方就是它對於知識圖譜的處理了，它用最生動的方式解釋了非常複雜的萬事萬物之間的關係，對人物社交關係、公司社會關係等有很深入的研究。
d3內部的神鬼操作
它的內部其實真的很簡單，簡單的你可以一目瞭然，它就是通過一個一個的字母/字母串標識的信息組合而成的，我們完全可以一層一層的撥開它的芯，這一點就不像ECharts（canvas）那樣讓你“只可遠觀而不可褻玩”。
有了這一個個的svg、g、text、defs、circle等字母/子母串標識，就完全可以展示這樣一個簡單的卻看似高難度的畫面。
數據的代言人
D3的基礎之一就是SVG，這些簡單的字母/字母串標識（又稱標籤）就是SVG中關鍵核心元素。其中形狀方面的元素包括矩形（rect）、圓形（circle）、橢圓形（ellipse）、線條（line）、多邊形（polygon）、折線（polyline）以及路徑（path）；向形狀和文本添加特殊的效果的SVG濾鏡操作；顏色方向的SVG漸變操作，這些細節完全可以通過在MDN上看到哦！
那D3主要是幹什麼的呢？僅僅好看還是不夠的，為了在靜態美的基礎上實現一種動態美，d3就發揮了它令人歎服的一面了。通過數組操作（Arrays）、基於比例尺的標尺刻度（Axes）、選擇區域（Brushes）、友善的數據結構（Collections）、顏色處理（Colors）、動作（Dragging）以及選擇（Selection）等手段，完成了svg的從靜向動的轉變，開始了它超神一般的人生。
D3的大體生平事蹟差不多就是這些，下面我們將深入到它的內心，看看它是怎樣做到讓成千上萬的人拜倒在它的石榴裙下的，各位看官請稍安勿躁，下面將給大家打開一扇進入它內心世界的大門，歡迎大家一起與我同行。
攜手同行，一路有你
閱讀更多 冬日的向陽花 的文章
