『前端实习笔记』12月 第2周

日记

12.7

• 任务：根据d3和vega-lite画图

1. d3
2. d3 API
3. vega-lite
4. vega-lite API

• 过程

1. 引入：在文档的usage部分找NPM的引入方式，这里要到vega，vega-lite，vega-embed这三个NPM页面仔细看一下。文档tutorial部分是指导，examples部分可以找到很多示例，doc部分是所有文档以及API
2. 示例：例子多是JSON写法，可以转用JS的对象写法，用prettier直接格式化，或者JSON.parse()也可
3. 问题：用JS对象写法不稳定，图像经常消失，而且对于数字7这个库的显示有异常
4. 数据转换：文档里多是用csv等格式的文件，源文件可以右键图像直接看，也可以去找他们的git仓库下载
5. 画图：
   1）encoding是主要部分
   2）mark选项的point决定是否显示点
   3࿰