Egg 的日志问题原因与解决方案如何分析与排查线上问题详见如何排查线上问题 D3 实现动态折线图TypeScript 与 D3 结合使用的感触animatejs可视化搭建HTML 元素的 dragable 属性 e.dataTransfer.setData() @dragover：拖动时的图标 @drop.prevent 用一个数组存放画布里面的组件，方便后面渲染配置项 组件配置项的设计通过 CS

资料一个开源的头像转虚拟形象： https://github.com/alievk/avatarify 生成表情动画： https://github.com/AliaksandrSiarohin/first-order-model

http://jira002.iwencai.com:8080/browse/DATAV-2055 时间计划：10 月内上线10.23 提供折线图组件给 Ifind 需求：1、动态折线图https://flourish.studio/2019/07/15/line-chart-race/曲线圆角阴影渐变时间点 TIPY 轴自动伸缩 一种方案是直接画好整个 path，然后遮住一部分，横向平移http

这里只针对能够和我平时的工作结合起来的内容。 排行榜比如个股、行业涨跌幅。 可以用折线图、柱状图、散点图、甚至关系图也可以。 直接把 3D 关系图用上去，加上颜色突出、大小、镜头旋转、线条高亮等等，炫酷得不行。 关系演变这个也可以用散点图和关系图。 知识图谱这个，一个概念就可以出一个视频了，素材很多的。 金融播报这个在技术上没有什么新东西，只是各种成熟技术(动态网页+截屏+拼接视频+文本转语音+合

最近让一个同事将项目开发中的功能抽取为组件，他遇到了一个问题，就是不知道该怎么抽取。因此我跟他讨论了好几次，这里将最终的一个组件抽取的分层思路记录一下。 绘图层这一层做基础的绘图元素的封装，比如画节点、连线、箭头、文本标签，以及一些通用交互，比如连线跟随节点的移动而移动。 然后暴露通用的事件处理。 本层面向的用户是我们可视化内部的开发人员，目的是降低我们自己的开发成本。 插件层这一层主要用于实

利用JavaScript的对象引用传递的这个特性，可以很好的实现【数据驱动】的理念。 大致逻辑就是：修改数据->调用render函数 如果想要做得更自动化一点，可以加入观察者模式，通过Object.defineProperty自动监测属性的变化，自动调用render方法，这样你只需关注数据的增删改查即可。 注意数据必须是对象，不能是基本数据类型。 给被拖拽的元素设置id属性比如我是将circ

最近的短视频自动生成项目用到了FFmpeg进行视频的合成，因此这里记录下相关的一些笔记，供今后参考。 处理流程 名词概念怎么发音ef ef em peg 容器1ffmpeg -formats 编码格式(CODEC)1ffmpeg -codecs 注意容器和编码是两个概念，要区分一下。 编码器(encoders)1ffmpeg -encoders 输入&输出可以理解为加工厂的概念。

这是摘自网上的 Flutter 架构图： 名词概念Dart 的 isolateFlutter 组件相关的名词trailingtile Material Designhttps://material.io/design 这是 Google 的 UI 交互设计规范，据此衍生出了一批 UI 组件库，而 Flutter 本身就集成了这类组件，详见Material Library。 设计理念文件结构常用命

我平时喜欢看小说，但是现在的小说APP广告太多了：启动应用有广告，从其他APP切换回来又有广告，体验很不好。因此我想自己写一个简单的文档阅读APP。考虑到现在Flutter挺火的，就准备用这个试一试。因此这里记录下安装Flutter的过程中遇到的一些问题。 流程安装Flutter我是按照官方文档来进行安装的，整个安装过程还是挺顺利的。 安装Android Studio这里遇到一个小问题：第一次需要

编写可视化组件的流程流程项目文件模板名词与组件拆分目的更快更个性化如何做到通用与个性化兼顾基础组件+业务配置插件 半自动步枪 D3 组件开发经验形成自己的几何组件库和功能组件库plot(矩形、圆形、线条、箭头……) tooltip legend 鼠标右键 如何解决绘图和计算绑定的问题？区别于 Canvas，D3 带来的问题就是组件难以拆分开。 目前我是通过一个全局对象来跨组件传递配置项和属性。 3