手绘风格图表（附示例链接）

最新推荐文章于 2022-09-26 09:38:16 发布
最新推荐文章于 2022-09-26 09:38:16 发布
阅读量251 收藏
点赞数
文章标签： javascript python ViewUI
原文链接：https://my.oschina.net/u/1163318/blog/167715
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

图表工具amCharts ( JavaScript Charts 、Javascript Stock Chart)v3.1和地图工具amMap（ JavaScript Maps）v3.6，增加了不少强大的功能。其中的模式设置和手绘风格更是让不少用户眼前一亮。大家可以看看下面的截图，是不是比我们平常做的图表更漂亮呢？下面给大家介绍下。

amCharts & amMap手绘风格图表

模式

在新版本的图表和地图中可以改变整个图表的单个列/片模式。如果您想设置一个图表模式，使用AmGraph模式属性即可完成。如果你想设置单个列/片模式，可在图表数据中描述模式，为图表设置patternField。模式值应该是图片的URL、长、宽等对象，可能会有X、Y值或者任意X、Y值。

例如：graph.pattern = {"url":"../amcharts/patterns/black/pattern1.png", "width":4, "height":4};

完成上面的代码后，检查amcharts/模式文件夹,你可以使用它创建自己的模式。

手绘风格

设置chart.handDrawn = true，图表中的线可以弯曲，制作出手绘效果。你也可以修改chart.handDrawScatter （默认值为2）、chart.handDrawThickness（默认值为1）的值来进行分散视图。

如果你想要体验一下实际效果，你可以点击下面的链接：

体验链接：

观看示例 激发灵感

转载于:https://my.oschina.net/u/1163318/blog/167715

weixin_33857230
关注
功能强大的手绘Web图表组件-RoughViz
liinux-Talk is cheap,show me the code.
12-06 312
支持的图表类型 Bar Horizontal Bar Donut Line Pie Scatter 简单使用 直接使用html 页面 引用组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="view...
手绘风格的数据可视化 （萌萌风）Sketchify，及其他可视化工具（商业风）
乔治大哥的博客
11-28 559
多少年以前，我在一家BI企业负责数据可视化产品的开发，作为产品创新的需要，一篇论文吸引了我的目光，《Sketchy Rendering for Information Visualization》（https://hal.inria.fr/hal-00720824/document）（该论文发表于2013年） 于是我带这两个实习生，利用论文中的知识做出了该工具的原型。收到了领导的赞许，就像很...
Python 手绘风格图表
hxxjxw的博客
03-10 308
pip install cutecharts https://zhuanlan.zhihu.com/p/93822889 柱形图 from cutecharts.charts import Bar from cutecharts.components import Page from cutecharts.faker import Faker def bar_base(...
平常的数据分析图看腻了？现在来个新的，手绘的各种图表
Python案例分享，B站视频教程：https://space.bilibili.com/523606542
09-01 460
前言 本文的文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理。 来自：https://github.com/chenjiandongx/cutecharts 转载：Python知识圈 今天，给大家介绍一个很酷的Python 手绘风格可视化神包：cutecharts。 和 Matplotlib 、pyecharts 等常见的图表不同，使用这个包可以生成下面这种看起来像手绘的各种图表，在一些场景下使用效果可能会更好。 GitH..
手绘风格的 JS 图表库：Chart.xkcd
HelloGitHub 的博客
10-30 774
本文作者：HelloGitHub-kalifun图表库千万个今天 HelloGitHub 给大家推荐个很有“特色”的图表库：一个手绘风格的 JS 图表库 —— Chart...
基于svg的手绘风格图表插件
12-12
**基于SVG的手绘风格图表插件——chart.xkcd** SVG（Scalable Vector Graphics）是一种基于XML的矢量图像格式，它允许开发者创建可缩放的、清晰的图形，适用于网页和其他数字媒体。在现代网页开发中，SVG被广泛用于...
40张白色粉笔手绘图表大全PPT模板
03-20
"40张白色粉笔手绘图表大全PPT模板"是一个专门设计的资源包，提供了多种风格独特的图表，旨在帮助用户快速创建引人入目的演示文稿。 这个模板集的特点是其粉笔手绘风格，这种设计给人一种亲切、自然的感觉，同时...
卡通手绘统计图表HTML5特效特效代码
03-20
总的来说，"卡通手绘统计图表HTML5特效特效代码"提供了一种创新的数据可视化解决方案，通过SVG技术和手绘风格，使得数据展示更具吸引力和教育意义。对于任何希望提升网站或应用数据呈现效果的开发者来说，这是一个...
四张手绘风格的卡通PPT背景图片
07-16
最后，压缩包内的“卡通儿童.pptx”文件很可能是其中一张手绘卡通背景图片的示例，用户可以下载并直接应用于他们的PPT项目中。打开这个文件后，可以预览和编辑背景，根据需要调整颜色、透明度，甚至添加自定义的动画...
手绘风格ppt模板 (4).zip
09-20
在"手绘风格ppt模板 (4).pptx"中，我们可以看到设计师巧妙地运用了手绘元素，将复杂的商业数据通过直观的手绘图表呈现，既保持了信息的准确传达，又赋予了PPT独特的艺术魅力。页面布局合理，色彩搭配和谐，整体呈现...
铅笔素描手绘风格PPT图表大全.zip
07-16
这是一套铅笔素描手绘风格PPT图表大全，共28张。 关键词：创意铅笔幻灯片图表，动态手绘风格PPT图表下载，.PPTX格式；
01_Cutecharts 超级可爱的手绘版图表 (上)
lsqzedu的博客
08-02 468
文章目录Cutechart 安装与代码结构在线与离线安装Commons柱状图柱状图基本示例调整柱状图颜色Line（折线图）折线图参数折线图基本示例Line-Legend 位置与颜色 Cutechart 安装与代码结构 cutecharts 的项目结构与 pyecharts 基本保持一致，拥有 pyecharts 的所有核心功能。但是整体更加小巧，代码更加精简。如果把 cutecharts 代码读完了，再去看 pyecharts 的代码会发现如出一辙。Cutecharts 的学习价值远大于它的使用价值。 .
python手绘图形库cutecharts
pythonxiaopeng的博客
10-09 207
今天，给大家介绍一个很酷的Python 手绘风格可视化神包：cutecharts。 和 Matplotlib 、pyecharts 等常见的图表不同，使用这个包可以生成下面这种看起来像手绘的各种图表，在一些场景下使用效果可能会更好。 GitHub 地址： https://github.com/chenjiandongx/cutecharts 怎么画出这些图表呢，很简单，一行命令先安装好该库： pip install cutecharts 也可以使用源码安装的方式： $ git clone https:/
python render_太萌了！教你用Python实现手绘效果的cute图表
weixin_39600331的博客
11-27 247
作者：插班生来源：Python插班生今天为大家介绍的这个简单易上手的Python第三方绘图库：cutecharts，拥有手绘风格的线条，十分、非常、很 cute，让你的图表具有不一样的风格。下面就给大家演示下如何用 cutecharts 实现手绘效果的折线图、条形图、饼图。一、准备环境通过 pip 可以直接安装：python-mpipinstallcutecharts切记！！！...
【转】免费的手绘风格开源原型图设计工具：Pencil
view1221思想之旅的专栏
10-14 1233
Pencil 是一款开源的手绘风格原型图绘制工具，可以用来绘制各种架构图和流程图。目前最新版本是1.2，同时还提供 Firefox 的插件。 主要功能: 内置多种原型设计模板 多页背景文档 跨页超链接 富文本编辑支持 可导出HTML，PNG，Openoffice.org文件，Word文件和PDF。 撤消/重做支持 支持安装用户定义的模板 标准绘图操作：对齐，排序，缩放，旋转等 跨平
画表格 在图形环境中很容易做出漂亮的表格。但在控制台环境中就比较困难了。 有的时候可以用一些符号大略地模拟：（word文档中可能不整齐，拷贝到记事本中看）
韩世雷 程序员专栏
04-20 2893
/* * 画表格 在图形环境中很容易做出漂亮的表格。但在控制台环境中就比较困难了。 有的时候可以用一些符号大略地模拟：（word文档中可能不整齐，拷贝到记事本中看） +-------+------+ |abc |xyz=tt| +-------+------+ |hellomm|t2 | +-------+------+ 本题目要求设计一个程序，把用户输入的内容用这种“准表格”的方
cutecharts-图表详情
qq_43613793的博客
03-09 697
Charts 图表详情 来源：https://github.com/chenjiandongx/cutecharts cutecharts 提供的图表类型如下。 Commons 不同图表有着部分相同的方法。 __init__ Params Desc ------ ...
如何手绘表格_【交互mini课】如何使用动效来改善用户体验?
weixin_32641973的博客
12-10 68
【交互·mini课】如何使用动效来改善用户体验用动效讲故事不是冗长而复杂的故事，而是简单的故事。例如“嘿，你需要现在看看”或“嗨，你的任务刚刚成功完成。”但是，动画的目的不是娱乐用户，而是帮助用户了解正在发生的事情或如何最有效地使用您的应用。Zurb的访谈中清楚地表达了这一想法：“我们不再只是设计静态屏幕。我们正在设计用户如何从这些屏幕中实际观看内容。”动画可以在各种比例和环境中使用，以...
免费的绘图和图表工具Tldraw
wbsu2004的博客
09-26 4441
tldraw 是一个小小的绘图应用程序。
用Python画一个手绘风格的图
最新发布
04-12
可以使用Python的Matplotlib库来画手绘风格的图。你可以使用sketch库给图形添加手绘笔触效果。以下是一个简单的示例代码： ``` import numpy as np import matplotlib.pyplot as plt import matplotlib.gridspec as gridspec import sketch # Generate sample data x = np.linspace(0, 2 * np.pi, 100) y1 = np.sin(x) y2 = np.cos(x) # Create figure and axes fig, axs = plt.subplots(figsize=(8, 6), tight_layout=True) # Add sketch effect to axes sketch.add_axis_sketch(axs) # Create grid spec for two subplots gs = gridspec.GridSpec(2, 1) # Add first subplot and plot data ax1 = fig.add_subplot(gs[0]) ax1.plot(x, y1) ax1.set_ylabel('Sin') # Add second subplot and plot data ax2 = fig.add_subplot(gs[1]) ax2.plot(x, y2) ax2.set_ylabel('Cos') ax2.set_xlabel('X') # Show figure plt.show() ``` 这个代码会生成一个包含两个 subplot 的手绘风格图表，其中包含一条正弦函数和一条余弦函数的曲线。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值