(TODO)智能可视化 参考资料知识库: https://github.com/antvis/AVA/tree/master/packages/knowledge/src 处理流程: https://github.com/antvis/AVA/tree/master/packages/chart-advisor/src/advice-pipeline 图表类型判断逻辑: https://github.com/antvis 2021-03-19 #数据可视化
可视化开发体系建设:渐进式关系可视化解决方案 围绕关系图的数据结构和用户的目的,渐进式帮助用户明确需求、交互、UI,并最终通过代码实现所有功能。 从基本的关系数据结构开始:节点&关系通过属性,表达更多的信息节点和关系,都是具有属性的,而这些属性经过视觉映射后,就可以传递更多的信息给用户。 通过交互,实现数据分析功能搜索栏筛选栏微缩视图缩放交互拖动交互 2021-03-18 #前端工程化
(TODO)智能短视频的定位 让设计回归创意,把其他留给科技。 优势程序化生成:批量生成、自动生成 金融行业的专业逻辑:每一个模板代表了一种金融研究员制定的投资分析策略 数据:ifind、问财 劣势定制化能力受限 模板化导致设计美感无法达到高水准 创意设计方面不足 数据源是有限的 性能问题:Canvas截屏成本过高 不适合的场景:公司介绍、元宵节祝福视频 适用场景用户画像我们一定要明确用户画像,这样才能知道哪些功能必须有, 2021-03-09 #音视频
(TODO)如何在浏览器端合成音视频 由月影提供: Canvas 录制好的视频,我们还可以将它和音频结合,方法是通过 ffmpeg 的 Web 端来合成。 浏览器可以通过 WebAssembly 来集成 ffmpeg,具体的项目在 https://github.com/ffmpegwasm/ffmpeg.wasm,有兴趣的同学可以研究下。 ffmpeg 的 Web API 用起来还比较复杂,奇舞团的同学开发了一个非常好用的封装,项目 2021-03-05 #音视频
JS中实现全局数据对象 全局是一个范围概念,可以是整个页面的全局,也可以是针对某个组件数据实例的全局,我们一定要明确这个范围边界,否则会出现变量污染的问题。 一个变量污染的案例我写了一个折线图的组件,由于折线图其实是由很多子元素(比如坐标轴、线条、tooltip等)构成的,每个子元素都是一个独立的类,而这些类都需要用到用户的配置项(比如样式等),因此我需要一个数据对象,可以在不同的子组件之间应用,将这些用户配置传递过去。 2021-02-21 #JavaScript
D3.js-DOM操作 SVGDOM追加 DOM 元素:append()The selection.append() function accepts one of two types: A string which is the name of an element to create, or A function which is executed (applied on parent) and should re 2021-02-21 D3.js #数据可视化 #D3