摘要：
想写博客很长时间了，因为一直身患懒癌，所以一直拖到了现在。markdown的语法也是刚刚学，试验一下效果好了不说了，直接上干货了。-------------------------------------------------------------------------------------... 阅读全文
摘要：
SVGScalable Vector Graphics 是一个成熟的W3C标准，被设计用来在web和移动平台 上展示可交互的图形。和HTML类似，SVG也支持CSS和JavaScript。尽管可以使用 HTML展示数据，SVG才是数据可视化领域的事实标准。我们在右边的示例中，简短回顾一下SVG的常用... 阅读全文
摘要：
转场/transition图形比数据有感染力，动起来的图形比静态的图形更有感染力。转场是一种过渡，提供两个稳定状态间的一种动态渐进的变化。转场的概念来源于电影。 电影中存在不同场景之间的切换，比如，从室内镜头切换到室外镜头。直接拼接两段 胶片很生硬，所以在后期处理中，会将前一个镜头渐渐隐去，后一个镜... 阅读全文
摘要：
数据可视化在可视化工作中，一个基本出发点是将不同的数值映射到不同的可视化 元素的属性上，使其表现出各自不同的视觉特征。比如：以数组中的每一个值为直径分别创建一个圆，我们得到三个圆：在d3中，可视化元素可以是HTML元素或者SVG元素。比如，我们可以使用一个圆角的 DIV元素表示圆。这样一个数字就对应... 阅读全文
摘要：
selection.on：事件监听操作符on()操作符可以添加或移除选择集中每个DOM元素的事件监听函数：selection.on(type[,listener[,capture]])参数type是一个DOM事件类型字符串，指明要监听的事件，如： "click"、 "mouseover"、 "sub... 阅读全文
摘要：
style: CSS样式操作符style()操作符用来设置或获取选择集中各DOM元素的CSS样式：selection.style(name[,value[,priority]])style()操作符有三个参数：name: 样式名称字符串，必须value：指定样式新的值，可选priority：优先级，... 阅读全文
摘要：
选择集/selection选择集/selection是d3中的核心对象，用来封装一组从当前HTML文档中选中的元素：d3提供了两个方法用来创建selection对象：select(selector) ： 只使用第一个匹配的元素创建选择集。selectAll(selector) : 使用全部匹配的元素... 阅读全文
摘要：
hello,data!在进入d3.js之前，我们先用一个小例子回顾一下将数据可视化的基本流程。任务用横向柱状图来直观显示以下数据：var data = [10,15,23,78,57,29,34,71];简单地思考一下，要完成这个任务有两个问题需要解决：用什么可视元素来表现横向柱？数据对应到可视元素... 阅读全文
摘要：
1.什么是异步编程？异步编程是指由于异步I/O等因素，无法同步获得执行结果时，在回调函数中进行下一步操作的代码编写风格,常见的如setTimeout函数、ajax请求等等。示例：for (var i = 1; i <= 3; i++) { setTimeout(function(){ conso... 阅读全文
摘要：
这次内容是结合bootstrap把登陆注册做好，还有就是express的中间件等问题。看这篇博客之前建议先看我上篇写的那篇博客http://www.cnblogs.com/hubwiz/p/4118083.html第一步当然还是准备工作了，在bootstrap官网下载好需要的东西了，怎么用官网已经写... 阅读全文
摘要：
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Ja... 阅读全文