2015年06月_DecemberCafe

原创【 D3.js 高级系列】总结

高级系列的教程已经完结，特此总结。月初的时候曾说过本月内完结高级教程，今天是最后一天，算是可以交差了。O(∩_∩)O~如此一来，【入门】-【进阶】-【高级】三个系列的教程算是完成了。本教程的目的在于提供一个网络的、免费的学习系列，希望大家能喜欢。在写文章的过程中，笔者对于 D3.js 的理解也在逐步加深。因此，写在前面的文章一定比后面的文章要差，虽然部分经过了修改，但是还没有系统性修正的时间。现在

2015-06-30 19:57:06 4291 2

原创【 D3.js 高级系列 — 10.0 】思维导图

思维导图的节点具有层级关系和隶属关系，很像枝叶从树干伸展开来的形状。在前面讲解布局的时候，提到有五个布局是由层级布局扩展来的，其中的树状图（tree layout）和集群图（cluster layout）布局制作出来的图具有“树形”。因此，可以凭借这两种布局来制作思维导图。

2015-06-30 19:09:49 17278 1

原创 OpenGL 顶点缓存对象

顶点缓存对象（Vertex Buffer Object，简称 VBO），允许开发者根据情况把顶点数据放到显存中。如果不用 VBO，用 glVertexPointer / glNormalPointer 来指定顶点数据，这时顶点数据是放在系统内存中的，每次渲染时，都要把数据从系统内存拷贝到显存，消耗不少时间。实际上很多拷贝都是不必要的，比如静态对象的顶点数据是不变的，如果能把它们放到显存里面，那么每次

2015-06-19 13:15:33 2938

原创 OpenGL顶点数组

OpenGL中，如果要绘制图元，一般来说会使用 glVertex3f。但是，如果顶点数太多，这种方法需要频繁调用函数，效率太低。这就要用到顶点数组。

2015-06-19 13:13:50 2457

原创【 D3.js 高级系列 — 9.0 】交互式提示框

一般来说，图表中不宜存在过多文字。但是，有时需要一些文字来描述某些图形元素。那么，可以实现一种交互：当用户鼠标滑到某图形元素时，出现一个提示框，里面写有描述文字。这是一种简单、普遍的交互式，几乎适用于所有图表。通过可给提示框定制外观，能给用户带来很好的体验。1. 提示框的制作思路提示框，就是“文字”加“边框”。显示文字，一般来说用 SVG 的，但是，有两个问题：如果字符串过长，元素不能自动换行，虽

2015-06-15 21:03:36 13151 4

原创【 D3.js 高级系列 — 8.0 】标线

有时候，需要在地图上绘制连线，表示“从某处到某处”的意思，这种时候在地图上绘制的连线，称为“标线”。

2015-06-13 08:43:37 4685 1

原创【 D3.js 高级系列 — 7.0 】标注地点

有时需要告诉用户地图上的一些目标，如果该目标是只需要一个坐标就能表示的，称其为“标注”。1. 标注是什么标注，是指地图上只需要一个坐标即可表示的元素。例如，在经纬度(116, 39)处画一个圆，在(108, 30)处画一个符号，这些都属于标注，也可以将标注理解为“点元素”。我们知道，只知道经纬度是不能直接在地图上作图的，需要先用投影函数将其转换成像素坐标。例如，如果要在中国地图上标出“北京”的位置

2015-06-06 08:40:09 10037

十二月咖啡馆工作室