Data Visualization + D3.js
数据可视化+D3.js
Learn how to create interactive, engaging experiences using HTML, CSS, SVG and Javascript.
了解如何使用 HTML、CSS、SVG 和 Javascript 创建互动、引人入胜的体验。
由Rik Lomas授课
官网价格:299美元
#### 课程描述
我们的数据可视化课程侧重于处理数据的实用方面。在为期6周的课程中,我们将介绍如何通过创意和有趣的方式处理数据和讲故事。您将学习如何使用HTML、CSS、SVG和JavaScript创建互动和引人入胜的体验。
该课程面向初学者,教授您如何处理数据并选择合适的可视化方式来有效地展示数据。我们将介绍强大的D3.js库的基础知识,该库用于为图表和图形添加动画和交互。您还将学习如何使用Ajax从网络中提取数据。
您无需成为设计师或有经验的编码员即可参加本课程,但对HTML和CSS有一点了解会有帮助。
#### 您将学习到的内容
– 不同类型的数据可视化及其有效使用方法
– 如何处理和理解数据集并将其转化为引人入胜的体验
– 如何使用HTML、CSS、SVG设计图表和图形
– 如何使用JavaScript为您的体验添加动画、过渡和交互
– 强大的JavaScript库D3.js的基础知识
– 使用Ajax从网络中提取数据
#### 课程要求
– 一台安装了最新版本Chrome浏览器并且有宽带互联网连接的计算机(Windows、Mac或Linux)。仅此而已!
#### 目标受众
– 任何希望使用数据驱动设计或与设计师更紧密合作以实现美丽数据可视化的人。
我们建议在开始本课程之前,对HTML、CSS和JavaScript有一点了解。阅读我们的《Learn To Code Now》书籍或参加《Foundation HTML, CSS + JS》课程将会足够。
### 课程内容
**第一章:步数计数项目 – HTML, CSS + SVG**
– 欢迎来到数据可视化 + D3课程
– 步数计数项目介绍
– 什么是SuperHi编辑器?
**第二章:步数计数 – 使用JavaScript自动化**
– 欢迎来到HTML自动化
– 如何添加JavaScript文件
– 选择标签和更改HTML
**第三章:步数计数 – 引入D3**
– 欢迎来到第二周!
– 什么是D3及其用途?
– 如何将D3添加到项目中
**第四章:步数计数 – 扩展D3**
– 欢迎来到步数计数的最后部分
– 添加过渡效果
– 添加延迟和缓动效果
**第五章:热图**
– 欢迎来到热图
– 创建我们的HTML内容
– 添加整体页面样式
**第六章:探索世界**
– 欢迎来到探索世界
– 设置我们的HTML
– 添加样式
**第七章:顶峰 – 第一部分**
– 欢迎来到顶峰
– 为什么选择这些数据及其可视化方式
– 设置我们的HTML
**第八章:顶峰 – 第二部分**
– 欢迎来到顶峰第二部分
– 为每个组添加背景悬停效果
– 添加线形
**第九章:Kiddo Kiddo**
– 欢迎来到Kiddo Kiddo
– 我们的数据源
– 添加我们的HTML内容
**第十章:无限**
– 欢迎来到无限
– 设置我们的项目
– 设置我们的更新图表脚本
**第十一章:StockFinder**
– 欢迎来到StockFinder
– 设置我们的项目
– 使用d3.json()提取数据
**第十二章:世界人口密度**
– 欢迎来到世界人口密度
– 加载我们的数据集
– 添加地图投影
#### 课程包括
– 18小时点播视频内容
– 终身访问
– 可下载的资源和练习
#### 您的讲师
**Rik Lomas**
Rik是SuperHi的创始人兼首席执行官。他是一名来自曼彻斯特的编码员和教师,曾是伦敦代码学校Steer的联合创始人,教过数千人编码。
**支持团队**
**Kristen Altomare-Ciallella** – 产品设计师
#### 学生评价
我们有全球各地的学生,他们在大大小小的创意公司工作。欢迎查看他们的作品。
如果您遇到困难,不要担心,我们的团队会快速为您提供帮助,并通过Discord直接访问同伴支持。记住,没有愚蠢的问题,所以不要犹豫与我们联系,我们喜欢听到您的声音!
Email: support@superhi.com
Discord: superhi.com/discord