【文件属性】：
文件名称：Christoph-d3-tutorial:为 Christoph 创建的 d3-tutorial
文件大小：23KB
文件格式：ZIP
更新时间：2021-06-18 05:59:32
JavaScript
UniWien D3 演示
这是用于 UniWien 的 D3 演示的代码。 有一个 F1 车队表现的演示， ，以及维也纳 U-Bahn 车站和连接的。
跑步
这需要运行本地 Web 服务器以正确加载数据文件。 例如，从基本目录运行此命令：
python -m SimpleHTTPServer
演示
每个演示的步骤都在 git 中标记。 如果您想前进到该步骤，请运行与该步骤对应的git checkout -f命令。
条形图
这是过去四年各个一级方程式球队得分的分组条形图。 可以交互地更改分组。
基本文件布局（ git checkout -f barchart-step0 ）
添加 svg 元素（ git checkout -f barchart-step1 ）
设置绘图大小和边距（ git checkout -f barchart-step2 ）
加载数据文件（ git chec
【文件预览】：
Christoph-d3-tutorial-master
----scatterplot()
--------scatterplot.css(202B)
--------index.html(431B)
--------cars.csv(21KB)
--------scatterplot.js(3KB)
----barchart()
--------barchart.css(155B)
--------index.html(632B)
--------f1.csv(677B)
--------barchart.js(4KB)
----letter_freq_enhanced()
--------index.html(837B)
--------data_enhanced.tsv(462B)
--------data.tsv(250B)
--------barchart.js(4KB)
----skeleton()
--------index.html(301B)
--------data_enhanced.tsv(458B)
--------chart.js(0B)
--------data.tsv(250B)
----README.md(3KB)
----network()
--------index.html(506B)
--------ubahn.json(9KB)
--------network.js(2KB)
--------network.css(384B)
----letter_frequencies()
--------index.html(492B)
--------data_enhanced.tsv(458B)
--------data.tsv(250B)
--------barchart.js(2KB)