精华内容
下载资源
问答
  • 可视化图表

    2019-02-22 09:40:27
    可视化图表是信息发射源的一部分,同时也被引用为极限编程的一部分。 这些图表的特征有: 轻松便利地给团队和其他人提供信息; 随意,通常手绘、庞大、展示项目重要信息。 这些图表工作时: 团队停止阅读图表;...

    可视化图表是信息发射源的一部分,同时也被引用为极限编程的一部分。
    这些图表的特征有:
    轻松便利地给团队和其他人提供信息;
    随意,通常手绘、庞大、展示项目重要信息。
    这些图表工作时:
    团队停止阅读图表;
    团队成员不再抱怨更新图表;
    他们反映项目实际情况。

    展开全文
  • Axure9动态可视化图表

    2021-02-08 14:21:46
    Axure9动态可视化图表
  • 如何通过图标前端插件完成高级可视化图表?笔者在此给出了详细教程,与大家分享~~后台开发中避免不了实现一些可视化的图表,主要制作的方法有四种:Excel表格截图、Axure图形绘制、Axure网页框架和Axure第三方图表...

    如何通过图标前端插件完成高级可视化图表?笔者在此给出了详细教程,与大家分享~~

    5aac053cdba767eaa5bf6b5ed5d8e656.png

    后台开发中避免不了实现一些可视化的图表,主要制作的方法有四种:Excel表格截图、Axure图形绘制、Axure网页框架和Axure第三方图表元件。

    第三个“Axure网页框架”需要结合antv、echarts、HighCharts等前端可视化插件代码。

    第四个“Axure第三方图表元件”,是由技术大佬开发的Axhub Charts图表元件。但是图表的元件数有限,适合快速搭建简单的图表,但是无法满足我们更复杂的图表设计。

    因此,想要更高级的可视化图表还是需要通过第三种方法实现。接下来,给大家详细讲解具体方法(此教程以echarts为例):

    ECharts是一款由百度前端技术部开发的,基于Javascript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。

    具体实现方法

    第一步

    从左侧【元件库】拉入一个【内联框架】作为可视化图表的载体。如下所示:

    ac5cc1c6b617da53e3acd981d1c3f58e.png

    第二步

    1. 浏览器打开echarts的可视化图表官网链接地址:https://www.echartsjs.com/examples/zh/index.html

    2. 选择符合你要求的可视化图表,点击进入编辑运行页面:此教程以这个复杂的可视化案例讲解,链接如下:https://www.echartsjs.com/examples/zh/editor.html?c=pie-nest

    图形如下所示:

    8fd365e4802a3a0d468ba50b327b5505.png

    点击右下角的【Download】将图表的前端代码下载下来,文件为pie-nest.html。再将此文件放在Axure源文件之前发布生成文件夹里面,如下所示:

    bb0d5a29201b4ca40799735835ea9afa.png

    你可以在代码编辑器中修改成自己想要的数据指标以及数据项;

    3. 双击【内联框架】,选择下面的【链接到url或文件】的选项,并将pie-nest.html链接输入进去。如下所示:

    255e1fd47539c37bb89557fd1abd365a.png

    第三步

    双击文件夹中的index代码文件,即可查看到刚才链接的可视化图表效果。如下所示:

    da892a85ed6727b99c323f9e1805e028.png

    只能打开生成的文件夹中的对应页面html文件,才能看到图表。

    如果从Axure源文件直接点击右上角的【预览】按钮,是无法看到的。出现如下的情况:

    92a5dd54f0b3f8ff48d0cf7583f1129d.png

    教程源文件

    百度云教程源文件:https://pan.baidu.com/s/1RRbsnVCp-CstfNL7iG5ILw

    提取码: ei5r

    作者:火星人~艾斯,公众号:艾斯的Axure峡谷

    本文由 @火星人~艾斯 原创发布于人人都是产品经理。未经许可,禁止转载

    题图来自Unsplash,基于CC0协议

    展开全文
  • 可视化图表分类.xmind

    2020-09-29 14:20:16
    可视化图表的分类,分为四个大类,按照比较,分布,构成,联系进行划分,每一个大类下面区分出详细的可视化图表
  • 原标题:酷炫的可视化图表工具来帮忙 深度评测五大Python数据可视化工具不少Python用户的一大诉求是做出各种酷炫的可视化图表,而这就需要了解清楚工具特色,才好在制作不同类型图表顺利找到适合自己的那一款。...

    原标题:酷炫的可视化图表工具来帮忙 深度评测五大Python数据可视化工具

    不少Python用户的一大诉求是做出各种酷炫的可视化图表,而这就需要了解清楚工具特色,才好在制作不同类型图表顺利找到适合自己的那一款。今天就来聊聊五个Python数据可视化的库Matplotlib、Pyecharts、Seaborn、Plotly、Bokeh各有哪些优缺点。

    Pyecharts

    基于Echarts,加入Python富有表达力的语言,pyecharts 诞生了,支持30+种图表。

    在pyecharts中制作条形图首先需要导入相关库 。

    接着是绘图并不做任何调整,首先创建一个Bar实例,接着添加x轴y轴数据,注意仅接收list格式数据,最后添加标题并设置在notebook中直接展示。总体来说还是比较符合正常的作图逻辑,整体代码量并不多。

    默认生成的两系列柱状图如下:

    优点:

    支持交互式展示与点击

    默认生成的样式也较为美观

    详细的中文文档与demo,能比较快的上手

    文档十分完整,所以代码修改起来并不困难,比如可以修改主题并设置一些标记线、DataZoom,添加小组件等

    缺点:

    不支持使用pandas中的series数据,需要转换为list才可以使用

    Matplotlib

    Matplotlib应该是最广泛使用的Python可视化工具,支持的图形种类非常多。

    使用Matplotlib制作相同效果的图需要先导入相关库,并且并不支持原生中文所以还要设置下中文显示。

    接着就是绘图,但是相比较于pyecharts大多是往写好的代码里面添加数据、配置不同,matplotlib大多数需要我们自己写代码,所以代码量可能稍多一点。

    最后生成的默认图像如下:

    相较Pyecharts,由于Matplotlib的火热,网上关于matplotlib的资料更多更全面。

    但从美观度上来说,学术风更甚,并且不支持交互式点击查看等操作。代码编写量也相对较多。

    Plotly

    Plotly也是一款非常强大的Python可视化库,Plotly内置完整的交互能力及编辑工具,支持在线和离线模式,提供稳定的API以便与现有应用集成,既可以在web浏览器中展示数据图表,也可以存入本地拷贝。但是由于官方未提供中文文档,网上关于Plotly的教程也仅限于官方的一些demo,对于一些详细的参数设置并没有太多资料 。

    从优点来看,支持交互式操作的,同时是默认添加toolbox小组件,可以更方便的查看,支持30多种图形。

    但是如果真要熟练使用的话可能需要一点时间用于查找相关资料,因为网上关于Plotly的资料不多,大多是基本使用的简单教程。

    Bokeh

    Bokeh是一个专门针对Web浏览器的呈现功能的交互式可视化Python库。这是Bokeh与其它可视化库最核心的区别,它可以做出像D3.js简洁漂亮的交互可视化效果,但是使用难度低于D3.js,首先还是导入相关库。

    相关依赖比上面三个要多出很多,并且Bokeh有自己的数据结构ColumnDataSource,所以要先对数据进行转换,接着就是创建画布、添加数据及设置。最后生成的默认图像如下:

    Bokeh一个很明显的特点就是代码量较上面三个工具要多了很多,大多是在数据的处理上,并且和Plotly一样,有关bokeh相关的中文资料也不多,大多是入门型的基本使用于介绍,虽然从官方给出的图来看能作出很多比pyecharts更精美的图,但是查找相关参数的设置上将会耗费一定时间。

    Seaborn

    从seaborn官网给出的标题就知道,seaborn是为了统计图表设计的,它是一种基于matplotlib的图形可视化库,也就是在matplotlib的基础上进行了更高级的API封装,从而使得作图更加容易,在大多数情况下使用seaborn就能做出很具有吸引力的图,而使用matplotlib就能制作具有更多特色的图,还是我们的数据,使用Seaborn制作首先需要导入相关库,由于是基于Matplotlib,所以还是需要设置中文。

    相比上面四种工具,从代码量上来看是非常简洁的,不过还是要先将数据转换为DataFrame格式,这里没在代码中体现,但依旧是最简短的代码,同时并不支持交互。并且Seaborn和Plotly、bokeh有一个共同的地方就是虽然强大,但是网上有关这三个库的教程、讨论都远少于Pyecharts与Matplotlib,如果是新手的话可能很难快速通过搜索解决你遇到的问题,而需要自己研究别人的代码。

    不同工具的应用场景、目标用户都不完全相同,所以在选择工具时需要先思考自己的使用场景,并且还需要评估绘制目标图形的难度哦。

    展开全文
  • 先来感受一张excel做出的可视化数据图表(自己的理解)关于Excel可视化的复现Excel图表的从简单到复杂的增删改查了哪些,最后一步是美化可视化图表拆分成基础图表的思路;复杂变简单,也就是作图的逆向思维数据可视...

    bfdf966ab68bf27fe177adc4f227a70f.png

    先来感受一张excel做出的可视化数据图表

    62e3b3ae963d132e185ef2d4c7c80802.png

    (自己的理解)关于Excel可视化的复现

    1. Excel图表的从简单到复杂的增删改查了哪些,最后一步是美化
    2. 可视化图表拆分成基础图表的思路;复杂变简单,也就是作图的逆向思维
    3. 数据可视化思维模型的培养(这个部分比较抽象,多经历几个项目就会有感觉);

    可视化可以体现在做表的方方面面,下面这个微图表数据可视化大全展示了条件格式里面的对不同数据条进行涂色带来的可视化效果。

    Excel微图表数据可视化大全,超乎你想象!mp.weixin.qq.com
    f848487383811501e45e91b7a8b8b601.png

    不同的分析方式,思考问题方式,带来不同的可视化效果,这取决于你想让观众看到什么。

    分析工作中主要应用到以下四大类可视化分析方法

    004f0105688598840ccf6febb8673cae.png

    详细了解各个分析方式,来看下面的

    Excel可视化方法,让你的图表与众不同!mp.weixin.qq.com
    9957c4d419bb8915b19ff78dd1899905.png

    看得多了,做得多了,自然会越来越有经验,模版帖子:

    233套高逼格 Excel 可视化图表模板,直接套用,轻松让数据会说话mp.weixin.qq.com
    7432609a845339b62521923825768732.png

    更有一个案例一步一步教怎么做出美观实用的可视化

    为什么你的图表这么low?教你几步搞定高大上的「Excel可视化图表」!mp.weixin.qq.com
    867503ced3bbc9d53b9419c20e18da61.png

    这篇文章介绍了利用散点图(图表之王)等各色图表+形状填充等完成下图对主要地区12岁儿童牙齿情况的可视化图表绘制。

    f06625e66bffa3a5fc81a19345fd05bc.png

    首先是对数据结构拆分拆分一份可视化图表的第一步就是理解它的数据结构,利用了「柱状图,形状填充」来模拟中间三角形的部分,上下的坐标使用「散点图」模拟。接着来是作图数据,通过拆分得到原始数据+作图数据。划重点:为什么需要作图数据呢?而不能用原始数据作图?原始数据作图长啥样,结构非常不清晰。之后得到基础图表和基础配置,删除无关因素进行美容。

    662134d1ef21ffd02e1a7e61599ee7b0.png

    d57fe8aa3aae3bff0e841f9fa296a705.png

    20a47f9463576d1d66526c9a8d23d3ce.gif

    e9badde2f795b593ebd150d2941d7728.png

    0d72d3b98a0494c34a4223933ce78015.png

    bd8970e936b42dce2e056167a2aa6359.gif

    42e4bc640019bc492d6a9793758351cd.png

    接着是上下图表的分割线,将之前删除的「横坐标轴」打开,同时设置刻度线和数据标签为无,为坐标轴填充一条白色线条。

    b9dc79e9f9948f487f9bac5c381e693d.png

    ccb4aba2f6da2373aa720ca9f89817e8.png
    展开全文
  • 全国省份可视化图表.rplib
  • 很多人都会用Excel,然而,在操作Excel过程中,我们经常会对一列数据进行分析,但要知道的是,看到冰冷的数字,我们是没有感觉的,只有将数字进行图形化,印象才会比较深刻,这时候就要用到Excel可视化图表。...
  • 作为我们日常使用做多的办公软件之一,Excel表格比较复杂的莫过于函数和表格了,为了感谢大家的关注与支持,木兰今天给大家分享超一套炫酷的Excel可视化图表模板,自带公式,只需输入数据,让你的办公效率成倍得提升...
  • 用Python绘制六种可视化图表(强烈建议收藏)

    万次阅读 多人点赞 2019-05-28 16:24:28
    可视化图表,有相当多种,但常见的也就下面几种,其他比较复杂一点,大都也是基于如下几种进行组合,变换出来的。对于初学者来说,很容易被这官网上众多的图表类型给吓着了,由于种类太多,几种图表的绘制方法很有...
  • Echarts数据可视化图表案例:包括柱图,饼图,折线图,地图等数据展示图表;案例下载后直接使用webstrom或idea打开,在编辑器内打开html
  • 使用vue.js封装sChart.js可视化图表库,方便在vue项目中快速生成图表。
  • 数据可视化图表(内含18种图表及其变形)
  • 可视化图表组件库-包含动静两种图表,可导入组合库直接使用,亲测Axure8和9均可使用。
  • Excel数据可视化图表模板、PPT变形柱形状、百分比图表、瀑布图、甘特图、仪表图动态折线图、红旗图、滑珠图等。
  • Unity可视化图表插件,支持折线图、柱状图、饼图、雷达图、散点图、热力图、仪表盘、环形图等常见图表。包含插件以及Demo各种图标案列.
  • 里面各种小组件很多,内容丰富,做原型数据可视化必备Axure数据可视化图表(内含18种图表及其变形)
  • 数据可视化图表类型When working on any data science project, one of the essential steps to explore and interpret your results is to visualize your data. At the beginning of the project, visualizing ...
  • 可视化图表有很多种,这篇文章主要介绍了Python绘制六种可视化图表详解的方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
  • 最近分享了20个EXCEL图表的详细制作方法,这些图表是我在工作中经常用到的,因为工作中要...一、提前设计和制作数据可视化图表,预判领导可能想了解的信息提前做好数据可视化的设计和制作工作,领导不论想了解哪个...
  • 可视化图表封装

    2020-06-15 11:15:55
    可视化图表封装 1.先熟悉echarts,highcharts的配置options,即了解图表的组成 图例、标题、提示框、坐标轴、数据列… 2.根据类型封装不同的图表:饼图、柱图、折线图… 在模块中定义图表的构造函数 在构造函数...
  • 网络研讨会可视化网络图表ChartJS 马德里举行的ChartJS网络研讨会的材料可视化研究45分钟-六月2020年 乌鲁木齐侦探。 葡萄球菌 练习视频COMPLETO德尔研讨会(部分1) 。 练习视频COMPLETO德尔研讨会(部分2) 安装...
  • Python开发 之 各种可视化图表的绘制

    万次阅读 多人点赞 2019-04-29 20:41:28
    文章目录1、简介2、用 matplotlib 绘制各种可视化图表2.1 折线图2.2 柱形图2.3 饼图2.4 绘制三维散点图2.5 散点图3、其它可视化库3.1 Seaborn3.2 ggplot3.3 Bokeh3.4 pygal3.5 Plotly3.6 geoplotlib3.7 Gleam3.8 ...
  • 一款基于UGUI的数据可视化图表插件。 支持折线图,柱状图,饼图,雷达图,散点图,热力图,仪表盘,环形图,极坐标,水位的一个基于UGUI的功能强大,易用,参数可配置的数据可视化图表插件。图等常见图表。 XCharts ...
  • 原标题:酷炫的可视化图表工具来帮忙 深度评测五大Python数据可视化工具不少Python用户的一大诉求是做出各种酷炫的可视化图表,而这就需要了解清楚工具特色,才好在制作不同类型图表顺利找到适合自己的那一款。...
  • 04数据可视化图表模板4(150页)
  • 03数据可视化图表模板3(150页)
  • 02数据可视化图表模板2(41页)
  • 01数据可视化图表模板1(359页)

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 13,297
精华内容 5,318
关键字:

可视化图表