码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-05-02 20:36:28      阅读:73      评论:0      收藏:0      [点我收藏+]

标签:优秀   mozilla   clip   board   传递   tensor   bio   put   安装   

简介

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://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

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

标签:优秀   mozilla   clip   board   传递   tensor   bio   put   安装   

原文地址:https://www.cnblogs.com/eat-too-much/p/12819414.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!