数据可视化基础|青训营笔记

109 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第15天

概述

本课程主要内容可以分为三个章节:

  • 数据可视化的基本概念
  • 可视化设计的基本原则
  • 面向前端的可视化工具 本手册可以作为学生学习数据可视化的“学习指南”,按照手册所列内容,结合扩展资料进行系统的学习和实践。

本课程没有讨论更为前沿的可视化课题,比如智能可视化。

课前预习

课前需要学员尽可能对可视化有一个感性的认知,可以重点了解一下数据可视化发展简史,同时对不同历史阶段的一些经典可视化作品做扩展阅读,增加兴趣。

www.woshipm.com/data-analys…

www.zhihu.com/question/23…

www.youtube.com/watch?v=N00…

另外一些演示工具可以提前体验一下:

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)

基础理论

  1. 《The Visual Display of Quantitative Information》、
  2. 《Visualization Analysis & Design》
  3. 《信息可视化交互设计》
  4. 《Making Maps: A Visual Guide to Map Design for GIS》等

编程实践

  1. 《Interactive Data Visualization for the Web》等

工具体验

  • TimeStoryTeller:timelinestoryteller.com/
  • Facets:github.com/PAIR-code/f…
  • Tableau:www.tableau.com/