古柳的「数据可视化」

2017年浙大120周年校庆时古柳用美国帝国大厦亮灯图片做了个“ZJU 120”文字效果，本文用p5.js借助二维数组复现下该效果，且分别实现2D和3D的版本。

本文翻译自 data sketch 上 Nadieh Bremer 的一篇文章，讲述了百变小樱这个优秀的可视化项目背后一步步的实现过程。

复现 Wendy Shijia 的「埃舍尔画廊」数据可视化作品，原作是 Tableau 实现的，这里古柳用 D3.js 重新实现。

本文将涉及如何读取真实数据集、对数据进行相应处理、基于数据绘制元素、将类别属性映射成对应颜色，以及比例尺的使用、文本元素绘制、图例的实现等相关内容。

本系列最初是想定期分享古柳平时看到或以前收藏的优秀可视化作品的，但许久没更新了，这次和大家分享Giorgia Lupi在2014年的一组很别致、很漂亮的可视化作品。

本篇文章古柳和大家分享了下之前看「大西洋古抄本」可视化作品源码里涉及的基于数据集大小和画布大小来自动布局的方法。

按照自己想写的逻辑来写的D3.js数据可视化系列，可能和网上教程不太一样的风格。虽然目标是初学者也能更容易上手，但可能也不是那么容易达到，欢迎大家反馈与指正。

一篇本应该很早以前就写的文章，拖到现在终于填坑了(请脑补做出这个违背祖宗的决定有多挣扎，不是)。又臭又长，但希望能对还没入门 D3.js 数据可视化的人有帮助

古柳一直不会数据可视化中的复杂交互，这次却啃了「大西洋古抄本」这个优秀作品的Vue实现的源码，跟着复现了遍，学到了很多，似乎也打破了瓶颈，因此本篇文章继续讲讲一些相关的、杂七杂八的内容，希望有人喜

最近啃了个较复杂的、Vue 实现的可视化作品的源码，最核心部分的各组件都有跟着实现，（感觉）打破了长久存在的不会复杂交互的瓶颈，蛮多感慨，所以写写。