本文是《数据可视化实战：使用D3设计交互式图表》[1]的简要版读书笔记，通过约4000字概览如何用D3做可视化、实践从数据到图形的过程。D3是一个根据数据操纵文档的JavaScript库[2]，其全称Data-Driven Documents强调了这一...

Canvas是常见的前端技术，但是由于API众多，使用复杂，且对程序员的数学功底、空间想象能力乃至审美都有一定要求，所以真正擅长canvas的前端并不多，但并不代表大家就学不好canvas。我在此将常用的canvas使用场景罗列出来希望...

前端开发人员在构建网站时需要做的一个决定是引入图片的方式。它可以是<img>标签，或者是通过CSS background 属性，还可以使用 SVG <image>。选择正确的方式是很重要的，它对性能和可访问性有很大的影响。...

在应用界面中图标的存在，会给用户一个良好第一印象，这个挺重要的。但是从零开始开发图标需要大量的时间和金钱。在你的网站上使用图标可以让你有效地与你的访问者交流:它们增加了可读性，突出了重要的内容，加强了功能或特...

image这个block是circos内置的block之一，其配置文件为软件安装目录下的etc/image.conf。内容为

可能有部分nodejs开发者因为安装图形库很麻烦，都用svg-captcha来生成图形验证码

为了预防和治疗疾病，理解细胞活动至关重要。细胞活动通常是一系列蛋白质和代谢物质的动态变化过程，叫做pathway。我们常用的pathway 数据库就是KEGG pathway，除了KEGG pathway 之外，还有很多的pathway 数据库可以使用。...

我们经常在iconfont上找图片 然后下载下载放在项目里面，为了适配我们还要下载不同尺寸的图片，但是明明iconfont上的图片就是矢量图，为何我们不用矢量图呢？...

色彩是通过人的印象或者联想来产生习理上的影响，而配色的作用就是通过改变空间的舒适程度和环境气氛来满足消费者的各方面的要求。

最近看项目视频的时候对里面使用 svg 的方式感到很好奇，于是去网上查了一下，发现 svg 竟然也有类似于 css 雪碧图一样的用法，也就是 svg-sprite（孤陋寡闻了），而且配合插件后能够以组件化的方式使用 svg，非常方便。这里记录下...