教你用 D3.js 定制个性化的数据可视化图件（一）

随着大数据和 5G 浪潮袭来，数据分析和挖掘在信息时代占有举足轻重和不可替代的地位。高效准确地将海量数据转变为一张张精美的可视化图件是实施数据分析的必备步骤。然而，市面上常见的数据可视化库 Echarts、Highcharts 等，虽然图件精美，但自由度和可定制程度较低，对于一些特殊的需求，往往难以实现。

D3.js 基于数据驱动，使用基础的 HTML、SVG 和 CSS 让数据活起来，自由程度高，是当前最流行和使用最广泛的 JavaScript 数据可视化库。但是，D3.js 难啃的英文文档和陡峭的学习曲线往往让新手难以下手，因此本系列 Chat 将系统地介绍和解读常用的 D3.js API，并运用 API 一步步绘制出三十余种可视化图件。

本场 Chat 是该系列第一章，主要包括以下内容：

1. Svg 常用元素和属性介绍
2. D3 常用 API 介绍（包括选取元素、样式属性设置、数据绑定、过渡动画、事件交互等）
3. D3 图件和数据绑定机制是什么？如何绘制数据驱动的图件？
4. 一步步讲解和绘制柱状图及其变种图件（包括基础柱状图、多列柱状图、堆叠柱状图、横向柱状图）

适用人群：对数据可视化方向感兴趣的技术人员、Web 前端工程师、数据分析师

阅读全文: http://gitbook.cn/gitchat/activity/5dda6fbe1b7c3e63919d3d07

您还可以下载 CSDN 旗下精品原创内容社区 GitChat App ，阅读更多 GitChat 专享技术内容哦。