代码在线【神秘代码在线】 收藏 0

140+特色图表，这个零代码在线数据可视化平台，太帅了

给大家分享一款在线数据可视化平台——镝数图表（dycharts.com）。

在正式分享之前，先来给大家展示个案例：

看到上面的图大家是不是会有这样的疑问：

• 为什么别人的图表会动？
• 这么炫酷的图表怎么没见过？
• 不会写代码，怎么制作图表？

别担心，有镝数图表，这些都不是问题。

Excel绘制出具有特色的图表很难？不懂配色很难做出好看的图表？不懂代码就没法制作出炫酷的图表？

利用镝数图表都可以轻松解决，点点鼠标无需任何编程基础，就能创建出脱颖而出、精美炫酷的数据图表。

例如会动态变化的折线图，只需要选择对应的模板。

然后依据样例数据的规范填写数据，或者也可以直接拖拽本地文件或是点击上传按钮选择需要上传的数据，如下。

假如模板效果正好是你需要的，那真就非常方便了，镝数图表已经帮你生成了这样的动态折线图。

非常强吧，如果想在Excel中实现类似的技巧，必须要使用组件，而且渲染效果上也会有差异。

另外镝数图表内置了超级丰富的图表模板，比起Excel多了不少。

例如前段时间很火的「玫瑰图」，利用镝数图表也非常容易实现。

这里由于镝数图表提供的图表模板实在太多了，就不一一展示了。

图表制作完成后大家可以把图表导出至电脑或手机，也可以把这个交互图表分享给朋友。

这就结束了？No，镝数图表除了能制作数据可视化图表之外，还能制作在手机上传播的数据图文。

对比传统的表格+图表的结构，必须要使用电脑才可以查阅。

而镝数图表提供了数据图文，它是文字、数据、图像的结合，更加贴合手机阅读的习惯，让读者沉浸其中。

例如下方就是制作出来的数据图文效果，还可以插入音乐、视频等等。

按照传统的操作，我们需要在可视化工具中导入数据，制作好图表后再导出图片。

接着导入到PS/AI/PPT等设计软件中进行精修美化方可出图，略为繁琐。

而使用镝数图表制作，就可以将图表和文本写作完美结合，无需在多个软件之间来回切换。

图文里可以添加任意的元素，例如：图片、文本框、色块等等。

同一个页面即可完成文字/图表/图片的混合编辑。

如下，操作也非常简单，通过在线编辑的方式，就可以轻松出图。

和图表模板一样，这一类的数据图文模板，镝数图表也提供了非常多。

不论你是要做调研报告、简历、还是新闻长图等，镝数图表提供的作品都会让你在视觉设计上脱颖而出。

如果你正在寻找一款趁手的数据可视化或数据图表制作工具，那么镝数图表一定值得你去体验。

现在点击小编主页的免费使用，就可以快速体验哦~

盘点在线代码编辑测试网站

对于一些前端的样式和js效果，我们非常希望可以将这些代码片段保存起来，然后分享给那些想要使用这些样式特效的人，庆幸的是，网络上已经有很多这样的网站了，今天我们就来盘点一下这些非常好用的网站。

诞生比较早的一个代码片段网站，它集成了主流的js框架，你可以轻松地在需要使用的时候引入它们，同时它也支持引入外部css链接，通过将html，css,js代码片段分离，让用户有了非常清楚的代码结构，非常方便代码地调试。

它支持登录功能，登录以后，你可以将自己的代码片段进行保存和分享。

一个支持多种编程语言的代码运行网站，你可以保存自己的代码，你可以运行各个常用的编程语言代码，缺点是有时候需要输入验证码，有些功能需要升级vip才能使用。

和jsfiddle很类似，也是专业的网页编辑器，可以引入js,css,对于html,js,css分为三个窗口进行管理，登录之后可以保存代码片段和分享代码片段。即使不登录，也可以使用它进行临时的代码编辑和测试。

也是一款在线代码编辑网站，也是可以编辑html和css，js代码片段，可以引入第三方库，可以引入第三方css，可以查看控制台的输出。

它可以保存截图，可以生成模板，同样也支持代码打包下载。

它提供了很多优秀的代码案例，如果你没有思路或者仅仅只是想欣赏下他人的优秀代码，你可以来这里找到你想要的，类似于jsfiddle,它也是支持html，js，css代码编辑的，它的展示页面看起来很大，非常方便查看。

它的html支持markdown和slime进行处理，它的js支持coffeescript,它的css支持sass,scss,less等。

它主要支持的是css代码块的测试，它目前不支持js，它的代码编辑块字体可以非常方便地进行调整。

网上有很多类似的代码编辑网站，如果你感兴趣的话，你也可以去github上查看Plunker等项目开源代码进行分析研究，自行搭建属于自己的代码片段编辑网站。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com