【 随笔 】 D3 难吗?】的更多相关文章

有不少朋友说学 D3 挺难的.为什么呢?想写一篇文章分析分析. 1. D3 出现的背景 D3.js 是 Github 上的一个开源项目,用于数据可视化.作者是 Mike Bostock,纽约时报的工程师.现纽约时报上各种数据新闻的可视化图表,都是基于 D3 制作的. 数据新闻,是近年来十分热门的一个行业,在互联网新闻里,添加上生动的数据分析,以图形的形式展示,简单易懂. 数据新闻是随着大数据时代的潮流而出现.各公司和机构能掌握的数据越来越多,例如谷歌掌握了数以千万亿的搜索数据,沃尔玛掌握了全球的…
36岁的我,还在IT里面留恋着技术.我不是什么技术牛人,只是不愿离开.搞硬件的朋友对我说:“我以为你是搞硬件的,没想到你软件方面这么厉害?”,搞软件的朋友对我说:“我以为你只是搞软件的,没想到你硬件方面这么强?”.我听到后,其实很酸,如果他们能交换一下位置来说的话,那么我就是牛人了. 在我们那个年代,计算机专业感觉就是塔尖上的学科,高高在上.了解的人很少,学的人也不多.不多的原因是学习资源匮乏,想投身的人多,但门又太窄.那时候大学里的计算机专业要学的知识都是比较广而杂,什么东西都象蜻蜓点水一样泛…
1.简单清除浏览器样式 *{        padding: 0px;        margin: 0px;    } 2.得到屏幕范围的div html,body{        width: 100%;        height: 100%;    }    #outer{        width: 100%;        height: 100%;    } 3.div水平居屏幕中间 #outer{        width: 100%;        height: 100%; …
上次写了一篇博客 http://www.cnblogs.com/kmsfan/p/Kooboo_CMS_suibi.html 作为这个系列的开篇,简单的介绍了一下Kooboo CMS的一些基本情况和界面.这一次我打算再写一篇关于kooboo CMS的文章,不过我还是不打算讲代码,我还是要讲一下使用方法,我只是觉得,如果一个人连这个东西都不会用,何谈二次开发呢?好吧,废话不多说,还是开始吧. 这一次我会讲50%以上的用法,涉及了整个Kooboo CMS,另外50%以后再说,其实我是没学到,哈哈哈哈…
D3.js这个绘图工具,功能强大不必多说,完全一个Data Driven Document的绘图工具,用户可以按照自己的数据以及希望实现的图形,随心所欲的绘图. 图形绘制,D3默认采用的是异步加载,但是,这里的异步加载,指的是一次性的将图形展示所需要的数据异步的方式加载到浏览器前端显示.主要有如下这两种方式: d3.csv(url[[, row], callback]) Creates a request for the CSV file at the specified url with th…
绘制水平柱状图表的方法也不是很难,首先在svg中插入g,然后在g中插入rect. 1.html代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div id="container"></div> </body>…
最近因为公司需要,进一步研发了Ext.Net技术,这里先做一个简明的介绍,给自己和大家记录一个初步的概念. 什么是Ext Ext就是ExtJS,引用下百度的解释:“ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架”,比较准确. 优点: 功能及其丰富,界面相当不俗. 缺点:技术繁复,上手不易,精通更难,开发人员培养成本高. 这个技术已经不是新的,具体内容可以上百度搜索Ext或者ExtJs. 什么是Ext.Net 说下我的理解,Ext.Net 就是一群“高手”以A…
◆版权声明:本文出自胖喵~的博客,转载必须注明出处. 转载请注明出处:http://www.cnblogs.com/by-dream/p/5258660.html 手势 看到这个标题,很多人会想一想 “双指点击” 的操作是什么样的,首先解释一下吧,为了能清晰明了一点,请看下面的图: 左上角的Tap代表点击操作,也就是我们说的 “单指单击”:右上角是Double Tap顾名思义,使用一个手指完成 “双击” 的动作:左下角的Scroll代表的是用一个手指完成 “滑动”的动作:最后看右下角这张图,这个…
1.数据 有如下数据,需要可视化: var dataset = [ 30 , 10 , 43 , 55 , 13 ]; 这样的值是不能直接绘图的.例如绘制饼状图的一个部分,需要知道一段弧的起始角度和终止角度,这些值都不存在于数组 dataset 中.因此,需要用到布局,布局的作用就是:计算出适合于作图的数据.这个过程称为数据转换 2.布局(数据转换) 定义一个布局,返回值赋给变量 pie,此时 pie 可以当做函数使用. var pie = d3.layout.pie(); 将数组 datase…
http://blog.csdn.net/innost/article/details/6940136 随笔之Android平台上的进程调度探讨 一由来 最近在翻阅MediaProvider的时候,突然想起之前碰到的一个问题,该问题是这样的: 一个Pad上有很多媒体文件,然后每次开机后的一段时间内,Home Screen的反应都特别慢,有时候还会报出ANR的错误.从ANR文件/data/anr/traces.txt分析,发现系统打印的cpu占有率中,android.process.media占用…