好看又有趣的数据可视化图表制作，膜拜教程

概述

datart 是国内做的很好的数据可视化开源社群

今天整理了社群大佬小包两个没有拿去参加 datart 数据可视化图表插件开发大赛的作品。

1、手绘风格

2、3D 地图

是数据可视化图表中两个非常亮的点，无论是从功能还是视觉上，都让人耳目一新，为之惊叹。

作品：手绘风格（D3）

关于手绘风格，在上一篇中有提到，本以为是iframe嵌套导致的，后来官方给了去掉iframe的配置的方法进行了尝试，发现不是这个原因，因为时间较为紧迫还没来得及找到原因，后面会专门腾出时间来弄这个。

就是说其实到现在，也没有完全定位不能正常渲染的原因，于是就换了一种实现方式，放弃直接用开源的轮子，我是直接写源代码到插件里面，发现能够正常展示了，后续在把其它图表的补充完整。

效果如下：

作品：3D地图（CesiumJs）

关于Threejs、WebGL、CesiumJs这些，在这里我不做过多赘述，虽然CesiumJs受众相对较小，而且偏重GIS，但是利用cesiumjs做数字孪生应该也有很多了，所以就集成到 datart 插件试一下，而且CesiumJs号称永久开源免费，但是这个完全不在参赛作品计划内，原因很简单，CesiumJs用到了付费插件，虽然费用很低，做项目没有任何问题，但是参赛开源就不好了。但是CesiumJs作为 datart 插件集成还是很简单的，单纯的3D地球，肯定满足不了实际场景，但是花点时间研究研究API搞点特效出来，还是不难的，而且CesiumJs好用，效果出众。

下面就看一下效果：

总结：

datart 自定义插件，写源代码到插件里面，datart 插件集成同样也是易用易上手，效果赞到起飞

总结一下datart自定义插件，对于前端来说，datart 插件开发可能算不上新技术，但是对于BI来说，自定义插件是非常好的创新，比如：

• 特殊化定制，满足个性化需求
• 上手容易，datart 官方文档很详细，对新手都很友好
• 每个点都是可插拔化，扩展灵活，很丝滑
• 像D3这种灵活性很高的，本是就具备无限可能，所以 datart 也具备无限可能
• 开源社群的环境特别好，技术大牛多，遇到问题提出来就好了

最后补充一下 datart 数据可视化开源社群的相关信息，有需要的可以直接采用

Github：Release 1.0.0-beta.2 release · running-elephant/datart

Gitee：https://gitee.com/running-elephant/datart/releases/1.0.0-beta.2

用户手册地址：datart

demo地址：Datart 用户名：demo 密码：123456

加入 datart 数据可视化开源社群：edpstack

「datart」更多信息参见

datart/README.md at master · running-elephant/datart