如何治疗皮肤白癜风 http://baidianfeng.39.net/a_wh/140323/4359105.html热情的火——有温度的quot;1quot;
大家好,大家肯定很好奇,数据能是什么样子嘛,不就是干巴巴的1.2.3…!哟,这个火热的“1”好像是挺绚丽的啊,但对不起,这只是数字,并不是数据。
数据——真正的一板一眼那数据是什么样子呢?哈哈,数据实际上是数字组合起来,但是最初的它可是比数字还要规矩哦,大家肯定见过甚至用过excel吧,那就是数据最直接的体现哦。后来数据知道“化妆”了,色彩丰富的柱状图、折线图、饼图、雷达图、地图等图形等,让高冷的它变得热情起来,也成为了炙手可热的现代社会一员,它也越来越被更多的人接受和喜爱。
好看——有温度的数据随着数据获得越来越多的人的喜爱之时,它发现了在这个“颜值即正义”的时代,美是没有边界的,由此它发明了一个属于它的专属名词——“数据之美”,它也将自己的内在美挖掘的淋漓尽致,掀起了又一波追逐它脚步的人。
酷——一见钟情的数据现在的数据综合了多个方面——无论是图表的风格、元素、配色、文字、交互还是细节——来实现它的亮眼之处;它还开发了更多的高级显示方式,丰富多彩的箱型图、瀑布图、词云图、桑基图等高级图形;它变得越来越人性化了,它可以完全称得上一个非常优秀的Tony老师了。
数据的Tony老师——D3作为这么优秀的一个Tony老师,拿手绝活和独家秘笈肯定少不了的,今天就一起分享一个顺应时代潮流的手段——D3.JS。D3是DataDrivenDocuments的首字母缩写,通过数据驱动文档的方式来实现数据的绚丽登场;另外它还是前端网页技术的集大成者之一,通过将Html5、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的大体生平事迹差不多就是这些,下面我们将深入到它的内心,看看它是怎样做到让成千上万的人拜倒在它的石榴裙下的,各位看官请稍安勿躁,下面将给大家打开一扇进入它内心世界的大门,欢迎大家一起与我同行。
携手同行,一路有你