D3.js 入门教程

内容简介

D3.js 入门教程 - v1.0

目录

  • 前言
    • 适用人群
      • 学习前提
      • 目录
        • 第 1 章 作者简介
          • 版权许可
          • 第 2 章 第一章 简介和安装
            • D3 是什么
              • 为什么要数据可视化
                • D3 有多受欢迎
                  • 如何学习和使用 D3
                    • 学习 D3 需要什么预备知识
                      • 需要什么工具
                      • 第 3 章 第二章 第一个程序 HelloWorld
                        • HTML 是怎么输出 HelloWorld 的
                          • 用 JavaScript 来更改 HelloWorld
                            • 用 D3 来更改 HelloWorld
                            • 第 4 章 第三章 选择元素和绑定数据
                              • 如何选择元素
                                • 如何绑定数据
                                  • datum()
                                    • data()
                                    • datum()
                                      • data()
                                      • 第 5 章 第四章 选择、插入、删除元素
                                        • 如何选择元素
                                          • 选择第一个 p 元素
                                            • 选择三个 p 元素
                                              • 选择第二个 p 元素
                                                • 选择后两个 p 元素
                                                • 选择第一个 p 元素
                                                  • 选择三个 p 元素
                                                    • 选择第二个 p 元素
                                                      • 选择后两个 p 元素
                                                        • 插入元素
                                                          • append()
                                                            • insert()
                                                            • append()
                                                              • insert()
                                                                • 删除元素
                                                                • 第 6 章 第四章 选择、插入、删除元素
                                                                  • 如何选择元素
                                                                    • 选择第一个 p 元素
                                                                      • 选择三个 p 元素
                                                                        • 选择第二个 p 元素
                                                                          • 选择后两个 p 元素
                                                                          • 选择第一个 p 元素
                                                                            • 选择三个 p 元素
                                                                              • 选择第二个 p 元素
                                                                                • 选择后两个 p 元素
                                                                                  • 插入元素
                                                                                    • append()
                                                                                      • insert()
                                                                                      • append()
                                                                                        • insert()
                                                                                          • 删除元素
                                                                                          • 第 7 章 第六章 比例尺的使用
                                                                                            • 为什么需要比例尺
                                                                                              • 有哪些比例尺
                                                                                                • 线性比例尺
                                                                                                  • 序数比例尺
                                                                                                  • 线性比例尺
                                                                                                    • 序数比例尺
                                                                                                      • 给柱形图添加比例尺
                                                                                                        • 源代码
                                                                                                        • 第 8 章 第七章 坐标轴
                                                                                                          • 坐标轴由什么构成
                                                                                                            • 定义坐标轴
                                                                                                              • 在 SVG 中添加坐标轴
                                                                                                                • 设定坐标轴的样式和位置
                                                                                                                  • 源代码
                                                                                                                  • 第 9 章 第八章 完整的柱形图
                                                                                                                    • 添加 SVG 画布
                                                                                                                      • 定义坐标轴
                                                                                                                        • 添加矩形和文字元素
                                                                                                                          • 添加坐标轴的元素
                                                                                                                            • 源代码
                                                                                                                            • 第 10 章 第九章 让图表动起来
                                                                                                                              • 什么是动态效果
                                                                                                                                • 实现动态的方法
                                                                                                                                  • transition()
                                                                                                                                    • duration()
                                                                                                                                      • ease()
                                                                                                                                        • delay()
                                                                                                                                        • transition()
                                                                                                                                          • duration()
                                                                                                                                            • ease()
                                                                                                                                              • delay()
                                                                                                                                                • 实现简单的动态效果
                                                                                                                                                  • 给柱形图加上动态效果
                                                                                                                                                    • 源代码
                                                                                                                                                    • 第 11 章 第十章 理解 Update、Enter、Exit
                                                                                                                                                      • 什么是 Update、Enter、Exit
                                                                                                                                                        • Update 和 Enter 的使用
                                                                                                                                                          • Update 和 Exit 的使用
                                                                                                                                                            • 源代码