|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/d3js-the-complete-guide-to-data-driven-visualizations/
课程评论:没有评论
课程名称:D3.js基础:快速构建互动可视化 课程概述:若您希望对数据可视化拥有全面控制,而不仅仅依赖于拖放工具或图表库,D3.js是构建自定义互动图形的最佳选择。本课程提供了使用D3 v7.9创建数据驱动可视化的完整实用指南,帮助您以精确、灵活和自信的方式进行数据可视化。 课程将从学习SVG、HTML和CSS的结合入手,了解它们如何共同构成D3的画布。接下来,您将学习如何将数据绑定到形状,并处理圆形、矩形、线条和路径。此外,课程还将探讨比例尺和坐标轴,帮助您将数据映射到屏幕坐标,以生成整洁且响应式的图表。 课程内容包括加载和准备数据(使用CSV、JSON和嵌套格式),处理缺失值,并利用强大的d3.defined()方法,构建能够适应现实世界数据集的可视化项目。此外,您还将深入了解互动性和动画效果,包括CSS和D3过渡、事件处理和工具提示,并探索布局生成器,如d3.stack()、d3.pie()和d3.treemap(),以创建更复杂的可视化结构。 通过本课程的学习,您将能够从零开始设计和构建自定义、动态且有意义的可视化作品,使用D3.js非常适合开发人员、分析师和数据故事讲述者。您还可以将D3作为理解多种模板化可视化库的基础,或理解Vega语法,也可以直接在网页或Power BI自定义可视化中使用D3。
If you want full control over your data visualizations-beyond drag-and-drop tools or chart libraries-D3.js is the gold standard for building custom, interactive graphics on the web. This course offers a complete, practical guide to using D3 v7.9 to create data-driven visuals with precision, flexibility, and confidence.You'll start by learning how SVG, HTML, and CSS come together to form the canvas for D3. From there, you'll start binding data to shapes, working with circles, rectangles, lines, and paths. You'll explore scales and axes, learning how to map data to screen coordinates for clean, responsive charts.The course walks you through loading and preparing data using CSV, JSON, and nested formats. You'll handle missing values gracefully, use the powerful d3.defined() method, and build visuals that adapt to real-world datasets.You'll also dive into interactivity and animation-including CSS and D3 transitions, event handling, and tooltips-and explore layout generators like d3.stack(), d3.pie(), and d3.treemap() for more complex visual structures.By the end of this course, you'll be able to design and build custom, dynamic, and meaningful visualizations from scratch using D3.js-perfect for developers, analysts, and data storytellers alike. You can use D3 as the foundation to understanding many templated visualisation libraries, or to make sense of the Vega syntax, or you can use D3 directly on the web or within Power BI custom visuals.