最近在做一个关于D3数据可视化的项目 知识点记录

Posted 2021-02-20 小师叔

简介

RT

跑 Minist 数据集

安装 tensorflow & tensorboard
安装 CUDA cuDnn

D3 优秀的例子

gallery例子 http://github.com/mbostock/d3/wiki/Gallery
http://biovisualize.github.io/d3visualization/
示例站点 http://bl.ocks.org/mbostock

D3 教程

https://d3js.org.cn/document/d3-format/
教程 https://github.com/mbostock/d3/wiki/Tutorials
https://github.com/d3/d3/wiki/Tutorials 教程
https://www.bilibili.com/video/BV1HK411L72d 推荐清华教程
https://github.com/Shao-Kui/D3.js-Demos 上面的开源代码
https://github.com/curran/dataviz-course-2018 书籍

D3 插件

https://github.com/d3/d3-plugins

D3 API 参考

https://github.com/d3/d3/wiki

D3 核心

数据进入 -> 更新数据 -> 退出

vue 教程

https://github.com/keepfool/vue-tutorials

vue 论坛

论坛 https://forum.vuejs.org/t/input-type-range-input-not-working-with-vue/14666

vue 官方视频教程

https://learning.dcloud.io/#/?vid=0 教程

vue 视频教程

https://www.bilibili.com/video/BV12J41187We?from=search&seid=13460837379546150229

v-on 支持的时间

https://www.cnblogs.com/torchstar/p/11799394.html

Tips1 vue 防止 id 串扰

b. 在子组件上使用v-ref指令，可以给子组件指定一个索引ID： 类似于id 但是能防止串扰
a. 父组件中的 id 加上 v-for 传入的 index 构成独一无二的id

Tips vue通信

on 监听事件，emit() 触发事件 , dispatch 派发事件 事件沿着父链冒泡 broadcast 广播事件 传给所有的后代
prop 允许外部环境传递数据给组件

html5 事件

http://www.yanhuangxueyuan.com/HTML5/event.html

比较推荐的vue 入门教程

https://www.bilibili.com/video/BV1qb41187fZ?p=27 vue学习视频
https://github.com/hemiahwu vue 代码

v-html 可以插入 p 中显示

console.log(event) 打印事件属性

https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute SVG 属性表

d3 例子

https://bl.ocks.org/mbostock?_blank 几乎所有可以使用的例子

模板字符串

模板字符串 transform(0, ${width + 100}) 可以把里面的变量进行运算

https://developer.mozilla.org/zh-CN/docs/Web/SVG/Element/defs 可以选择语言的d3知识点

SVG 元素 定义一条剪切路径，可作为其他元素的 clip-path 属性的值。

剪切路径限制了图形的可见范围。从概念上来说，如果图形超出了当前剪切路径所包围的区域，那么超出部分将不会绘制。

二维缩放参考链接

二维缩放参考链接 https://bl.ocks.org/EfratVil/raw/d956f19f2e56a05c31fb6583beccfda7/

关于 tsne 的显示效果

https://distill.pub/2020/grand-tour/
http://distill.pub/2016/misread-tsne

平行坐标的参考例子

vuex 参考教程 https://www.bilibili.com/video/BV1h7411N7bg?from=search&seid=2346404607600297198