# Drawing lines, curves, and arcs
This folder contains the exercise files for chapter 3 of [D3.js in Action, 3rd edition](https://www.manning.com/books/d3js-in-action-third-edition).
</br>
The folder is separated into subfolders corresponding to each section of the chapter. In these subfolders, you'll find a *start* and an *end* folder. To follow along with the book's instructions, write your code in the *start* folder. You'll find the solution in the *end* folder if ever you get stuck.
When changing to the next section, you can choose to keep coding in the same files or use the *start* folder for that section.
## Sections in this chapter
* [3.2-Preparing_data](https://github.com/d3js-in-action-third-edition/code-files/tree/main/chapter_03/3.2-Preparing_data)
* [3.3-Binding_data](https://github.com/d3js-in-action-third-edition/code-files/tree/main/chapter_03/3.3-Binding_data)
* [3.4-Scales](https://github.com/d3js-in-action-third-edition/code-files/tree/main/chapter_03/3.4-Scales)
## How to run the project
To run this project, you'll need a local webserver. We recommend using [VS Code](https://code.visualstudio.com/)'s Live Server extension. You can find instructions on installing this extension in Appendix A of the book.
1. Open the project folder (a *start* OR an *end* folder from the subsections mentioned above) in VS Code.
2. To run the project with the Live Server extension, click the *Go live* button in the status bar of VS Code.
3. The project should open automatically in your browser.
## Structure of the project
* The `/data` folder contains a CSV file names `data.csv`, extracted from the results of the [2021 State of the Industry Survey](https://www.datavisualizationsociety.org/survey) by the [Data Visualization Society](https://www.datavisualizationsociety.org). The columns are organized as follows:
* `technology`: A list of technologies used for data visualization.
* `count`: The number of respondents who mentioned using this tool.
* The `/css` folder contains the CSS file `main.css`, where styles have been added for the responsive SVG container.
* The `/js` folder contains the JavaScript file `main.js`. This is where we will build our bar chart.
* `index.html` contains the markup and text that composes the project. The D3 library, `main.css`, and `main.js` are already loaded in this file.
Happy D3 coding! ����
没有合适的资源?快使用搜索试试~ 我知道了~
《【D3.js in Action 3 精译-022】3.2 使用 D3 完成数据准备工作》配套示例源码
共9个文件
css:2个
js:2个
csv:2个
0 下载量 108 浏览量
2024-09-14
00:02:55
上传
评论
收藏 4KB RAR 举报
温馨提示
该资源为D3专栏博文《【D3.js in Action 3 精译_022】3.2 使用 D3 完成数据准备工作》的同步配套练习源代码,分为实现前与实现后两个模块。文件解压后,进入对应的 start 或 end 文件夹,用 VSCode 打开项目即可。启动项目可利用 Live Server 插件搭建本地服务器环境。
资源推荐
资源详情
资源评论
收起资源包目录
D3.js_in_Action_3rd_Ed-Ch3.2-Preparing_data-Code.rar (9个子文件)
3.2-Preparing_data
end
js
main.js 929B
data
data.csv 457B
css
main.css 115B
index.html 456B
start
js
main.js 174B
data
data.csv 457B
css
main.css 115B
index.html 456B
README.md 2KB
共 9 条
- 1
资源评论
安冬的码畜日常
- 粉丝: 3292
- 资源: 22
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功