颜值即正义!这几个库颠覆你对数据交互的想象
作为一个对UI和动画敏感的切图仔,在日常开发之余,也会关注一些贼好看的图表库和插件。 接下来,我将给大家介绍几款web/python/vue/react里漂亮得不行的开源库/实现。 手绘风图表库:roughViz.js 基于D3(v5), roughjs, 和handy。 1.1 衡量方式 有三种衡量方式: 粗糙度: 线条种类: 线条粗细: 1.2 多种搭配 简答CDN: <script src="https://unpkg.com/rough-viz@1.0.5"></script> 复制代码npm: npm install rough-viz 复制代码react/vue: npm install react-roughviz npm install vue-roughviz 复制代码甚至在Python中也可以: pip install roughviz 复制代码1.3 简单使用 首先定义两个div <div id="vis0"></div> <div id="vis1"></div> 复制代码之后new两个实例: new roughViz.BarH( { element: '#vis0', title: "Vehicles I've Had", titleFontSize: '1.5rem', legend: false, margin: {top: 50, bottom: