D3

作者: 南音木 | 来源:发表于2019-04-05 23:48 被阅读0次

D3

是一个很不错的软件, 它能帮你生成和操作带数据的文档。 为此, 要

经历以下几步:

• 把数据加载到浏览器的内存空间;

• 把数据绑定到文档中的元素, 根据需要创建新元素;

• 解析每个元素的范围 资料( bound datum) 并为其设置相应的可视化属性, 实现

元素的变换( transforming) ;

• 响应用户输入实现元素状态的过渡( transitioning)。

学习 D3 的过程, 就是学习 那些告诉它如何加载、 绑定数据, 变换和过渡元素的语

法的过程。

运行 Python 服务器的步骤如下。

1 . 打开一个新的终端窗口 。

2. 在命令行中找到你想要公开的文件夹。 假如你的项目 文件夹在 Mac 的 Desktop 文

件夹里, 可以输入: cd ~/Desktop/project-folder。

3. 再输入 python -m SimpleHTTPServer 8888 &。

( 以 上 命 令 在 Python 2.x 中 可 以 使 用, 但 Python 3.0 及 更 新 版 本 已 经 去 掉 了

SimpleHTTPServer。 对 Python 3.x, 只 要 把 命 令 中 的 SimpleHTTPServer 替 换 成

http.server 即可。 )

相关文章

  • d3.js

    D3是什么? D3: 是Data-Driven Documents(数据驱动文档)的简称。 D3(或D3.js) ...

  • Vue D3 力导向图

    1. 安装 前端工程根目录下执行 yarn add d3 ,安装 d3 依赖包。安装的版本 "d3": "^5...

  • d3基础知识

    h5: Angular ts文件:import * as d3 from 'd3'; ngOnInit(): ...

  • Explore D3

    d3 v5 Tech Stack ? Node Webpack D3 Installation ? Compile...

  • 2018-09-14_D3.js

    Data Visualization with D3 D3: SVG中的jQurey 1. Add Documen...

  • 2019-03-30计算机二级

    '=VLOOKUP(D3,编号对照!$A$2:$C$19,2,FALSE) '=VLOOKUP(D3,编号对照!$...

  • 王昊阳找的资料

    一. 可视化项目工具 1. d3 D3 is a JavaScript data visualization li...

  • D3学习系列(三) 桑基图

    D3学习系列 D3学习系列(一) 基础知识与柱形图绘制D3学习系列(二) 弦图绘制 「前言」 网上关于桑基图的例子...

  • freeCodeCamp 旅途17 - D3

    D3 D3.js,也叫 D3,表示数据驱动文档。 D3 是一个在浏览器里创建动态可视化数据的 JavaScript...

  • D3 补打卡

    D3 补打卡

网友评论

      本文标题:D3

      本文链接:https://www.haomeiwen.com/subject/uzdliqtx.html