课程简介
课程面向数据科学与大数据技术专业、计算机专业，新媒体专业和数据新闻等专业，以当前流行的数据可视化技术D3.JS为主要开发API，在阐明原理的基础上，通过实例分析，讲述软件中的数据可视化。全书分为12章，首先以直方图和二叉树为例简单回顾HTML、CSS、JS和SVG的基本语法，之后阐述了D3.JS可视化API的本质，以对比和实例展示了常用的几种布局，包括：饼图环图和南丁格尔图、力导向图、词云图、地图，最后介绍了JS数据可视化的一些外延实例，包括：交互与动画、音乐可视化、简单图像处理、网络爬虫、分词技术、Python Flask Web开发框架。特色定位：原理清楚、案例实用、兼顾周边问题、围绕软件开发讨论数据可视化。
课程大纲
Javascript可视化基础
课时1 Javascript直方图
课时2 Javascript直方图-2
课时3 JavaScript利用SVG绘制直线
课时4 数据可视化课程内容概述PPT版视频
课时5 JavaScript的SVG绘图-直方图&二叉树&文字树PPT视频
JavaScript绘制二叉树&文字树
课时6 SVG递归二叉树绘制
课时7 随机型SVG递归二叉树绘制
课时8 SVG文字旋转
课时9 由SVG二叉树到文字树的绘制
课时10 SVG文字树的修饰
D3基础篇-直方图与饼图类（环图饼图玫瑰图）
课时11 D3直方图
课时12 D3直方图修饰
课时13 路径Path三角形与弧形绘制
课时14 基于起止角度的环图绘制
课时15 原生数据饼图环图
课时16 D3饼图类绘制概述PPT视频-饼图&环图&玫瑰图
课时17 原生数据饼图环图-添加文字
D3重力篇-力导向图可视化（帅哥键盘手）
课时18 基本力导向图
课时19 力导向图-添加节点文字
课时20 路径上的文字
课时21 基于Path的力导向图
课时22 基于Path的力导向图添加文字
D3的层次树图绘制（New!!!）
0-层次数据的分析d3.hierarchy(data)
1-潮汐树图TideTree：使用d3.tree
2-叶节点对齐的树图：使用d3.cluster
3-极坐标的d3.tree和d3.cluster
4-面积树图d3.pack，d3.treemap，d3.partition
D3.V7等高线、密度图和动态图表（New!!!）
1-等高线d3.contour()
2-密度图d3.contourDensity()
3-图像的灰度值等高线绘制d3.contour()
4-动态图表（时间+多维）setInterval()
音乐可视化
0-音频数据的获取
var audioCtx = new (window.AudioContext || window.webkitAudioContext)()
var analyser = audioCtx.createAnalyser()
//分析音频数据
1-音乐频谱直方图
基于Three.js的三维可视化（New!!!）
0-Three.js三维可视化概述
1-场景、摄像机和渲染
2-Dat.gui.js
3-轨道控制器、光照和阴影
4-基于圆柱体的直方图绘制
Python Flask Web开发基础
课时27 Python Flask 框架概述
课时28 Python Flask 框架概述-HelloWorld代码演示
课时29 Python Flask 框架Jinja2模板
课时30 Python Flask 框架Jinja2模板-代码演示
课时31 Python Flask 框架Jinja2模板-BootStrap代码演示
Python Flask链接MySQL数据库和表单
课时32 Flask-SQLAlchemy链接数据库
课时33 Flask-SQLAlchemy链接数据库-代码演示建表
课时34 Flask-SQLAlchemy链接数据库-代码演示-增删改查操作
课时35 Flask WTForms表单操作
课时36 Flask WTForms表单操作-代码演示
课时37 Flask-SQLAlchemy链接数据库+WTForms表单
Python Flask Web开发中的数据可视化
课时38 Python Flask Web开发中的数据可视化-查询MySQL中的表
课时39 Python Flask Web开发中的数据可视化-查询MySQL代码演示
课时40 Flask 工程文件结构-Blueprint
课时41 Flask 工程文件结构-Blueprint-代码演示
词云图绘制与JSP链接MySQL数据库
课时42 来自数组数据的词云图
课时43 JSP链接MySQL数据库
课时44 JSP链接MySQL数据库将查询结果可视化为词云图
课时1 Javascript直方图
课时2 Javascript直方图-2
课时3 JavaScript利用SVG绘制直线
课时4 数据可视化课程内容概述PPT版视频
课时5 JavaScript的SVG绘图-直方图&二叉树&文字树PPT视频
JavaScript绘制二叉树&文字树
课时6 SVG递归二叉树绘制
课时7 随机型SVG递归二叉树绘制
课时8 SVG文字旋转
课时9 由SVG二叉树到文字树的绘制
课时10 SVG文字树的修饰
D3基础篇-直方图与饼图类（环图饼图玫瑰图）
课时11 D3直方图
课时12 D3直方图修饰
课时13 路径Path三角形与弧形绘制
课时14 基于起止角度的环图绘制
课时15 原生数据饼图环图
课时16 D3饼图类绘制概述PPT视频-饼图&环图&玫瑰图
课时17 原生数据饼图环图-添加文字
D3重力篇-力导向图可视化（帅哥键盘手）
课时18 基本力导向图
课时19 力导向图-添加节点文字
课时20 路径上的文字
课时21 基于Path的力导向图
课时22 基于Path的力导向图添加文字
D3的层次树图绘制（New!!!）
0-层次数据的分析d3.hierarchy(data)
1-潮汐树图TideTree：使用d3.tree
2-叶节点对齐的树图：使用d3.cluster
3-极坐标的d3.tree和d3.cluster
4-面积树图d3.pack，d3.treemap，d3.partition
D3.V7等高线、密度图和动态图表（New!!!）
1-等高线d3.contour()
2-密度图d3.contourDensity()
3-图像的灰度值等高线绘制d3.contour()
4-动态图表（时间+多维）setInterval()
音乐可视化
0-音频数据的获取
var audioCtx = new (window.AudioContext || window.webkitAudioContext)()
var analyser = audioCtx.createAnalyser()
//分析音频数据
1-音乐频谱直方图
基于Three.js的三维可视化（New!!!）
0-Three.js三维可视化概述
1-场景、摄像机和渲染
2-Dat.gui.js
3-轨道控制器、光照和阴影
4-基于圆柱体的直方图绘制
Python Flask Web开发基础
课时27 Python Flask 框架概述
课时28 Python Flask 框架概述-HelloWorld代码演示
课时29 Python Flask 框架Jinja2模板
课时30 Python Flask 框架Jinja2模板-代码演示
课时31 Python Flask 框架Jinja2模板-BootStrap代码演示
Python Flask链接MySQL数据库和表单
课时32 Flask-SQLAlchemy链接数据库
课时33 Flask-SQLAlchemy链接数据库-代码演示建表
课时34 Flask-SQLAlchemy链接数据库-代码演示-增删改查操作
课时35 Flask WTForms表单操作
课时36 Flask WTForms表单操作-代码演示
课时37 Flask-SQLAlchemy链接数据库+WTForms表单
Python Flask Web开发中的数据可视化
课时38 Python Flask Web开发中的数据可视化-查询MySQL中的表
课时39 Python Flask Web开发中的数据可视化-查询MySQL代码演示
课时40 Flask 工程文件结构-Blueprint
课时41 Flask 工程文件结构-Blueprint-代码演示
词云图绘制与JSP链接MySQL数据库
课时42 来自数组数据的词云图
课时43 JSP链接MySQL数据库
课时44 JSP链接MySQL数据库将查询结果可视化为词云图