数据可视化
帅华君
这个作者很懒,什么都没留下…
展开
-
理解D3js中的enter,exit方法
在我第一次使用D3js库写第一个图表的时候,就对他绑定数据的方法感到迷惑,当时怎么也不明白为什么要这样写来绑定数据。等到练习的次数多了,多的东西多了之后再回头看,原来一切都是那么理所应当,原来如此。这就像是我们一生中遇到的很多事情一样,第一次无法接受,经过时间的沉淀,慢慢懂了,就不再耿耿于怀,变得释然。原创 2016-01-19 22:33:39 · 1661 阅读 · 0 评论 -
Airglass.js开发笔记:监听
Airglass要做的是FUI/HUD风格的UI基础组件库,自然少不了对UI交互功能的支持。我利用事件委托,将canvas监听到的事件派发给canvas中绘制的虚拟元素。我甚至让开发者能够订阅虚拟元素触发的各种定制化事件,例如创建和移除事件等。据此实现用户操作画布中虚拟UI的可能。继承性在起步走那一篇想法中,我在最后提到Airglass.js中类的定义以及如何梳理类之间继承关系这件事。对此,我...原创 2019-09-12 17:58:43 · 334 阅读 · 0 评论 -
Airglass.js开发笔记:最佳实践的前奏
Airglass,从碰撞的火花中,孕育一个种子,选对语言像选了对的舞台;配置一套构建环境像DNA按预定规则构建出各种蛋白质;不断完善的类继承关系像千丝万缕错综复杂的神经网络,诞生前的痛;添加事件监听器,像婴儿睁开了眼,接收来自这个世界的善意祝福;订阅事件,像身体各器官各细胞沟通协作。他登上了台。继承关系我将Airglass中凡是支持事件的类统一都去继承Event类。Element表示一类抽象...原创 2019-09-12 18:02:37 · 578 阅读 · 0 评论 -
Airglass.js最佳实践:标注多边形区域
我打算用Airglass.js重新实现canvas版的LabelImg图像标注切割功能,作为Airglass.js的第一个最佳实践。实现图像的标注和切割,关键不是切割图像,而是如何标注多边形区域,获取标注点信息。为此我为Airglass新增了创建多边形的Polygon类。拖拽多边形和矩形或圆形不同的是,多边形的中心点坐标位置和多边形的边界是通过计算得来的。用户不断的为多边形增加新的控制点,因...原创 2019-09-12 18:05:39 · 774 阅读 · 0 评论 -
Airglass.js最佳实践:优化多边形标注体验
我用airglass.js初步完成了第一个最佳实践:创建和编辑多边形标注区域。做Demo的同时完善Airglass.js。我给渲染器类新增了击中检测实例方法,还增加了链式调用提升开发效率。同时新增多边形Polygon类,它是继矩形圆形后Airglass.js出现的第3个基本形状。接下来是对Demo无止境优化的漫漫长路。画笑脸从上面的演示可以看到,我做了优化的地方是:只显示正在编辑或选中状态的...原创 2019-09-13 12:43:23 · 598 阅读 · 0 评论