本文作者:TalkingData 可视化工程师 李凤禄
inMap 是 TalkingData 可视化团队开源的一款基于 canvas 的大数据可视化库,专注于大数据方向点、线、面的可视化效果展示。目前支持散点、围栏、热力、网格、聚合等方式;致力于让大数据可视化变得简单易用。
GitHub 地址:https://github.com/TalkingData/inmap (求 Star !)
文档地址:http://inmap.talkingdata.com
inMap 是更加智能的地理可视化框架,主要面向从事数据可视化应用相关的工程师和设计师。
inMap 写的每个算法都是为了增强用户体验,追求极致效果,我们希望用 inMap 能够做出伟大的产品。
inMap 接口设计也很友好,希望让开发者通过简单的配置,就能快速构建出优美可视化效果。
我们在项目中经常会遇到在地图上打点并标上文字的需求,我们用某流行的可视化库展示出效果如下:
(文字密密麻麻一团,都叠在一块,效果很差,估计会被要被产品经理咬住不放)
inMap 实现了基于文字排版算法,是不是很赞,效果图如下:
是不是很酷啊,inMap 实现了自己的四分位文字排版算法,听起来不明觉厉的样子,别着急,让我慢慢道来。
每一个标记点都有上下左右四个放文字的位子,如果左边放不下,那就放右边试试,还不行就放到下面试试,以此类推,原理就这么简单,哈哈。
实现细节如下:
后续会输出创造更好的可视化图形和算法,并后续推出 WebGL 版本。
1
Rico 2017-12-19 14:16:07 +08:00
不错。有点像 MapV?
|
2
METEOR1S 2017-12-19 15:31:26 +08:00
还成,就是相比同类库来说有点基础,有没有考虑多点动画、特效什么的?
|
3
snail00 2017-12-19 15:42:36 +08:00
文档地址挂了
|
4
TangMonk 2017-12-19 15:43:48 +08:00 via Android
这文档怎么有点像 ant design 的
|
7
naiba 2017-12-19 18:15:50 +08:00 via Android
A 神 用你的 iView 实现了公司后台,
来自前端渣的后端霸霸 |
8
naiba 2017-12-19 18:17:51 +08:00 via Android
iViewAdmin 可编辑表格有点问题,
进入编辑模式编辑数据, 第一次点保存 api 获取到的还是旧数据, 需要保存两次。 |