s9lou / d3.js-demos

D3.js-Demos

文档在不断建设中... ... ...

欢迎大家选修并加入数据可视化！

本代码库对应清华大学-计算机系春季学期课程《数据可视化》，由张松海老师任课。代码库中的框架可作为大作业-可视化编程的基础，同时其中的样例可供大家参考。任何同学有任何问题，欢迎在Github上issue或给我发邮件（[email protected]）。

D3.js的课上用幻灯片在slides文件夹下。

安装Python-Flask

Python的安装请参考官方网站，安装后请打开命令行，输入如下命令安装服务器端需要的flask库：

pip install flask flask_cors

启动服务器

进入项目根目录（包含main.py的目录），打开命令行并输入如下指令：

python main.py

若出现如下类似的信息则表示服务器启动成功：

 * Serving Flask app "main" (lazy loading)
 * Environment: production
   WARNING: This is a development server. Do not use it in a production deployment.
   Use a production WSGI server instead.
 * Debug mode: on
 * Restarting with stat
 * Debugger is active!
 * Debugger PIN: 331-382-827
 * Running on http://0.0.0.0:11666/ (Press CTRL+C to quit)

示例导航

• 操控SVG：链接
• 柱状图：链接
• 柱状图，图元可交互：链接
• 堆叠柱状图：链接
• Path：链接
• 折线图，带上下浮动动画：链接
• 动态气泡图：链接
• 静态主题河流：链接
• 动态主题河流与柱状图，从左到右逐渐展现流动过程，柱状图同时随主题河流发生改变：链接
• 世界地图与交互：链接
• 力（Force）、节点（Node）与边（Link）：链接
• 力跟随：链接