这是我参与「第五届青训营 」伴学笔记创作活动的第15天
概述
本课程主要内容可以分为三个章节:
- 数据可视化的基本概念
- 可视化设计的基本原则
- 面向前端的可视化工具 本手册可以作为学生学习数据可视化的“学习指南”,按照手册所列内容,结合扩展资料进行系统的学习和实践。
本课程没有讨论更为前沿的可视化课题,比如智能可视化。
课前预习
课前需要学员尽可能对可视化有一个感性的认知,可以重点了解一下数据可视化发展简史,同时对不同历史阶段的一些经典可视化作品做扩展阅读,增加兴趣。
另外一些演示工具可以提前体验一下:
TimeStoryTeller:timelinestoryteller.com/ Facets:github.com/PAIR-code/f… Tableau:www.tableau.com/
关键技术
依赖预打包——避免node_modules过多的文件请求、将CommonJs格式转换为ESM格式
单文件编译——用Esbuild编译TS/JSX(不支持类型检查、不支持语法降级到ES5)
代码压缩
插件机制——开发阶段(模拟Pollup插件机制)、生产环境(直接使用Poullup)
总结
随着人们需求的增加,前端开发越来越注重“规范化”,一个稍大点的项目就需要 有一个标准化的管理以及各类资源的规范和编译效率。Vite构建工具让我们有另一个比较好的模块化管理、资源编译、产物质量和良好的开发体验。
学习资料(Learning)
基础理论
- 《The Visual Display of Quantitative Information》、
- 《Visualization Analysis & Design》
- 《信息可视化交互设计》
- 《Making Maps: A Visual Guide to Map Design for GIS》等
编程实践
- 《Interactive Data Visualization for the Web》等
工具体验
- TimeStoryTeller:timelinestoryteller.com/
- Facets:github.com/PAIR-code/f…
- Tableau:www.tableau.com/