前言群内每周直播。欢迎大家加入前端可视化学习群。(2022/02/25)WhatisD3jsD3jsDesignD3jsSourcecodeQ&A--------什么是D3js？（什么是D3js）D3js是一个使用Web标准可视化数据的JavaScript库。D3帮助您使用SVG、Canvas和HTML使数据栩栩如生。D3将强大的可视化和交互技术与数据驱动的DOM操作方法相结合，为您提供现代浏览器的全部功能，并为您的数据设计合适的可视化界面的自由。D3js是一个JavaScript库，用于使用Web标准可视化数据。D3帮助您使用SVG、Canvas和HTML使数据栩栩如生。D3将强大的可视化和交互技术与数据驱动的DOM操作方法相结合，为您提供现代浏览器的全部功能，并为您的数据设计正确的可视化界面。下面的D3js简称为D3D3jsDesign？（D3js设计）D3的威望在业界可以称得上是顶级水平，很多库也借鉴了D3的某个模块（甚至直接使用）。这也是得益于D3设计的优势。D3的设计原则是最大限度去耦。canvas,svg作为库的渲染API。每个模块都是解耦的，包括形状、选择等...shape离散的图形形状实现，例如符号、弧线、线和区域选择选择允许文档对象模型(DOM)的强大数据驱动转换：设置属性、样式、属性、HTML或文本内容等time计算人类特定时间约定的计算器path将画布路径命令序列化为SVGscale将抽象数据映射到视觉表示的模块。zoom使用鼠标或触摸输入来平移和缩放SVG、HTML或canvas.force弹性布局算法使用的四叉树。（参考我的其他文章）桑基流布局算法...基于各种模块的融合，可以构建丰富的图表。D3js源码（D3js源码部分）选择了解append.js的源码其实就是对dom元素appendChild的操作。理解classed.js的源码其实就是各个元素类的集合管理路径。理解path.js的源码其实就是对canvas2dAPI的封装。这也是D3为canvas2d支持的兼容模块。问答同学：如何学习框架的源码？学习框架的源码首先要有宏观的认知，然后再去学习具体的模块代码。什么是宏观认知，理解框架的设计，背后的故事，解决什么问题。最直接有效的例子，我们先了解一下源码的目录结构，画个思维导图进行分析。视觉学习一定要学数学和图形？当你只是为了满足日常需要而开发时，你不一定需要学习。但是要想学好，后面要学的更深入。嗯，是的，有学习的必要。比如线性代数，矩阵等等。稍后我会推荐一些完整的学习书籍给你。最后可视化相关的架构设计、源码学习、日常开发。我将逐步深入分享。如果对你有帮助，请关注我的后续内容。有需要的同学可以加我的联系方式（在我的主页，拉你进群聊）。
