整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

Plotly数据可视化:离线版、微软vscode版的Python的基本作图

介绍:

=====

1.1 Plotly 是一款用来做数据分析和可视化的在线平台,功能非常强大。

1.2 Plotly是一个非常著名且强大的开源数据可视化框架,它通过构建基于浏览器显示的web形式的可交互图表来展示信息。

1.3 具有多种语言python、javascript、matlab、R、Jupyter、Excel等的API接口。

1.4 Plotly有在线和离线两种模式。

1.5 优点:

1.5.1 可开发web版可视化界面。

1.5.2 相比matplotlib、R更加现代化。

1.5.3 支持3D可视化绘图。


2 说明:

=====

2.1 本次先讲解:离线版、微软vscode版、python版代码的常见作图。(网上多是以jupyter notebook为开发工具的在线版或者离线版,随着微软代码编辑器vscode的使用普及,所以本人重点介绍vscode版离线版的python代码)

2.2 环境:deepin-linux深度操作系统,python3.8,谷歌浏览器,微软vscode编辑器。

2.3 对官方的代码:进行修改,注释。

2.4 基本作图通俗易懂,拿来就可以使用。

2.5 高级的交互式作图下次讲解。

2.6 网址打开奇慢:

https://plot.ly/python/

3 安装:

=====

pip install plotly  #sudo pip install plotly  #一般是这样
#pip3.8 install plotly  #本机安装
#pip install plotly --upgrade  #如果已经安装,升级就这样

4 柱状图:

4.1 bar代码:

import plotly as py
import plotly.graph_objs as go
pyplt = py.offline.plot  #离线设置
# 2组数据的柱状图
trace0 = go.Bar(
x = ['Jan','Feb','Mar','Apr', 'May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
y = [20,14,25,16,18,22,19,15,12,16,14,17],
name = 'Primary Product',
marker=dict(color = 'rgb(49,130,189)')
)
trace1 = go.Bar(
x = ['Jan','Feb','Mar','Apr', 'May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
y = [19,14,22,14,16,19,15,14,10,12,12,16],
name = 'Secondary Product',
marker=dict(color = 'rgb(204,204,204)')
)
data = [trace0,trace1]
layout = go.Layout(title = 'plotly柱状图bar')
fig = go.Figure(data = data, layout = layout)
#文件名,并保存在根目录下,也可以指定目录
pyplt(fig, filename='plotly的bar.html')

4.2 堆叠柱状图代码:

import plotly as py
import plotly.graph_objs as go
pyplt = py.offline.plot
trace1 = go.Bar(
    x=['giraffes', 'orangutans', 'monkeys'],
    y=[20, 14, 23],
    name='SF Zoo'
)
trace2 = go.Bar(
    x=['giraffes', 'orangutans', 'monkeys'],
    y=[12, 18, 29],
    name='LA Zoo'
)
data = [trace1, trace2]
#堆叠柱状图
layout = go.Layout(barmode='stack',title = 'plotly的堆叠柱状图')
fig = go.Figure(data=data, layout=layout)
pyplt(fig, filename='plotly的stackbar.html')

5 饼状图

5.1 plotly的pie.py代码:

import plotly as py
import plotly.graph_objs as go
pyplt = py.offline.plot #离线设置
#定义数值
labels = ['产品1','产品2','产品3','产品4','产品5']
values = [38.7,15.33,19.9,8.6,17.47]
#定义trace或者data
trace = [go.Pie(labels=labels, values=values)]
layout = go.Layout(title = 'plotly的pie图')
fig = go.Figure(data = trace, layout = layout)
pyplt(fig, filename='plotly的pie.html')


5.2 shanpie.py代码

import plotly as py
import plotly.graph_objs as go
pyplt = py.offline.plot
#数据定义
labels = ['产品1', '产品2','产品3', '产品4', '产品5']
values = [30, 25, 15, 22, 8]
colors = ['#FFFF00', '#FF0000', '#E066FF', '#0D0D0D']
#trace或者data数据定义
trace = [go.Pie(
labels = labels, 
values = values,
rotation = 30,
opacity = 1,
showlegend = False, #图例显示否,True就是显示
pull = [0.1,0,0,0,0], #0.1为第一组数据出来pull=产品1=30的那一组
hoverinfo = 'label+percent', 
textinfo = 'percent', # textinfo = 'value',
textfont = dict(size = 30, color = 'white'),
marker = dict(colors = colors, line = dict(color = '#000000', width = 2))
                )
        ]
fig = go.Figure(data = trace)
#注意fig中无layout布局
pyplt(trace, filename='plotly的shanpie.html')

5.3 plotly的环形圆,circlepie.py代码:

import plotly as py
import plotly.graph_objs as go
pyplt = py.offline.plot
labels = ['完成','未完成']
values = [0.8,0.2]
trace = [go.Pie(
    labels = labels, 
    values = values, 
    hole =  0.7, #空闲大小比值
    hoverinfo = "label + percent")]
#标题定义
layout = go.Layout(title = 'plotly的环形圈图')
fig = go.Figure(data = trace, layout = layout)
pyplt(fig, filename='circlepie.html')


6 折线图line

6.1 方法一:

#导出模块
import plotly
import plotly.graph_objs as go
#直接把数据写入离线模块里
plotly.offline.plot(
{
"data": [
    go.Scatter(x=[1, 2, 3, 4], y=[4, 3, 2, 1]),
    go.Scatter(x=[2, 1, 4, 3], y=[3, 1, 4, 2]),
],
"layout": go.Layout(title="plotly的line图")
}, 
auto_open=True) #自动打开
#注意以上并未出现代码生成的html文件名和保存地址
#采用默认法,如下参数介绍,如filename='temp-plot.html'
'''
plot(figure_or_data, show_link=False, link_text='Export to plot.ly', 
validate=True, output_type='file', include_plotlyjs=True, filename='temp-plot.html', 
auto_open=True, image=None, image_filename='plot_image', 
image_width=800, image_height=600, config=None, include_mathjax=False, 
auto_play=True, animation_opts=None)
'''

6.2 方法二:

#常规方法
import plotly as py
import plotly.graph_objs as go
pyplt = py.offline.plot
#数据资料设置
trace0 = go.Scatter(
    x=[1, 2, 3, 4],
    y=[10, 15, 13, 17]
)
trace1 = go.Scatter(
    x=[1, 2, 3, 4],
    y=[16, 5, 11, 9]
)
#如果数据较多较多,以后还可以读取数据方法,那是高级法
data = [trace0, trace1]
#布局并定义标题
layout = go.Layout(title = '常规方法的折线图line')
#定义画布,挂在data和layout
fig = go.Figure(data = data, layout = layout)
pyplt(fig, filename='line.html')


7 散点图代码:

#随机散点图的常规方法
import plotly as py
import plotly.graph_objs as go
import numpy as np
pyplt = py.offline.plot #离线设置
#定义数据来源
#trace1 = go.Scatter(
data = go.Scatter(
y = np.random.randn(500),
mode = 'markers',
marker = dict(
    size = 16,
    color = np.random.randn(500),
    colorscale = 'Viridis',
    showscale = True
             )
)
#data = [trace1]  #注意被注释掉的是规范写法,但也可以直接data取代trace1
layout = go.Layout(title = 'plotly的Scatter的散点图')
fig = go.Figure(data = data, layout = layout)
pyplt(fig, filename='plotly的Scatter.html')


=====以上为常规基本作图,高级作图未完待续=========

我觉得比pyecharts还好用,github非常火的可视化作图,当然它的功能步仅仅是本文基本作图,高级作图下次介绍。

自己整理,分享出来,喜欢的就点赞、收藏和转发。

着响应网络的发展,越来越多的高质量的SVG在线编辑器被公众所熟知。SVG矢量图形也越来越受欢迎,以便在任何设备上呈现图像,甚至一些易于使用的SVG在线编辑器,可以替代PS,本文总结了五种流行的SVG在线编辑器。

1.即时设计

即时设计是一款可协作的在线设计工具,无需下载即可使用浏览器打开和编辑文件,团队和个人都可以轻松使用。在即时设计中,团队成员可以合作查看、编辑和同步同一项目的信息,并支持UI/UX设计师在不同的地方实时完成创作和沟通。

当你的设计图做完后,你可以在导出选项中,选择SVG格式。



功能特点

研发预览模式:

完美适配国内团队习惯,解决设计开发交付场景痛点;

团队和个人字体共享:

本地字体导入云端建立线上字体库,所有协作成员无需下载安装;

移动端 App:

不仅能实时预览设计效果,还能进行文件管理、打点评论在线沟通;

资源广场:

与工具集成,精选的设计规范、组件、图标等资源无需下载直接在线使用;

个人资源库:

引用组件、变体、图标等内容一键上传到云端保存,随时随地复用;

主流文件格式支持:

XD 导入、Sketch 导入导出,满足不同工具用户的项目迁移和备份需求

体验地址:https://js.design/?source=tt&plan=ystt2306

2.Vectr

Vectr是一款简单免费的SVG在线编辑器,也是一款在构建缩放时不会损失质量的图形软件,您可以在线或离线使用Vectr,您可以随意选择使用方式。此外,SVG在线编辑Vectr也是Windows、Linux和Chromebook提供了不同的下载包,使设计师使用起来非常方便。

功能特点

可以随时访问编辑器

使用时,节省空间

插入内部,删除操作效率很低

3.Vecteezy

Vecteezy不仅是一款功能齐全的免费SVG在线编辑器,也是初学者和专业人士都可以免费使用的编辑器。在Vecteezy中,您可以根据自己的习惯调整软件中的所有内容,但使用编辑器时,您必须记住,如果您认为免费包不够,不用担心,您可以随时升级免费包,升级后您可以自由享受更多功能。

功能特点

能够访问所有高级图形

商业项目中可以使用您设计的图形

可以使用图形进行无限的物理和数字复制

4.Vecta

Vecta是一个强大的SVG在线编辑器,其功能包括:访问谷歌字体、文本轮廓、颜色、图层智能连接器等,此外,Vecta也是一个非常适合团队成员的SVG在线编辑器。

功能特点

可随机访问

具有较大的空间扩展性

节省空间

5.Chartist.js

图形设计的美在于,你可以很容易地将它与各种内容格式、项目和应用程序集成在一起。SVG在线编辑Chartist.js可以帮助设计师、开发人员甚至网站管理员轻松地将SVG图片放在任何设备上,图片看起来非常好,并通过交互式和动态图表来增强图片的视觉外观。您还可以在您设计的网站上灵活地制作图表。

功能特点

配置简单,可方便地转换各种图表数据格式。

代码比较简单,使用起来比较方便。

js可以灵活地应用于Web页面。

js支持不同的浏览器尺寸和分辨率。

支持自定义SASS架构。

段时间 WordPress发布全新管理 Calypso,以桌面版应用程式形式提供使用者免费下载,创办人Matthew Mullenweg认为,现今行动装置非常流行,但一般撰写或编辑文章仍多半局限在电脑上进行,因此提供一个最佳化的部落格管理工具就显得格外重要。这也促使WordPress持续获得更多使用者。

WordPress.com应用程式一开始只有Mac版,现在已延伸至Windows及Linux ,搭配原有iOS及Android应用程式,几乎可以说已经完成桌面端及行动装置布局。

本文要介绍新推出的WordPress应用程式,或者你可以称它为部落格软体,这个应用身兼三大功能:阅读器、离线编辑器及管理工具!以往这三个部分要透过不同服务或软体来达成,现在,WordPress原生应用程式就能做到。将资讯来源及内容生产整合在一起,可以说是目前看过最强大的产生力工具。

除此之外,重头戏仍摆在这次的Calypso更新,众所皆知WordPress有非常易用且功能完整的控制台(WP-Admin),但每次要进行操作都必须登入网站,有时候不是那么方便。WordPress让你能直接从桌面端来管理多个网站,全新设计的控制台有非常流畅的操作速度,在管理上更为轻松简单。

不过WordPress应用程式最大特色是:可以拿来做为离线编辑器使用!

以往你可能会使用第三方离线编辑器来写文章,例如:Open Live Writer,因为使用内建文章编辑器并不是那么方便。在WordPress应用程式中,你可以透过全新可视化编辑器来写文章,内建自动草稿储存、插入图片、设定分类与标签及发布等功能。

WordPress应用程式不限于WordPress.com使用,如果你是采WordPress.org开放原始码程式自行架站,安装Jetpack 一样能够支援。这是一款由Automattic(WordPress母公司)开发的外挂程式,包含几项我曾介绍过的功能:

1Photon 免费CDN 图片分流加速服务

2Jetpack Monitor 免费24/7 网站监测服务,网站无法连线自动提醒

3启用Jetpack「单一登入」机制教学,让你的WordPress 网站更安全

使用教学

STEP 1

开启WordPress.com 应用程式后,输入你的使用者名称、密码来登入,这里要输入的不是你网站的登入帐号密码,而是网站所连接的WordPress.com 帐号资讯。

若你是使用WordPress 自行架站,点选下方「Add self-hosted site」取得更多资讯。

STEP 2

WordPress.com 应用程式的预设画面为「读取器」,也就是前面提到的阅读器。在这里可以将你喜欢的网站内容加入「关注」,WordPress 会推荐你可能有兴趣的相关网站内容。你还可以新增清单、加上标签来分类不同的网站主题。

在阅读器里,你可以新增任何有RSS Feed 功能的网站,不限于WordPress 类型。

STEP 3

WordPress.com 应用程式的另一个特色是可以随时收到通知。它就像一般软体,当有人关注你,在你的网站按赞或留言,它会立即跳出提示让你知道。

STEP 4

这个应用程式的亮点应该是管理功能,或许你之前在网页端试用过,软体把操作介面带到桌面端,让你不用从浏览器就能进行网站管理,包括新增文章页面,或是更新升级布景主题及外挂等等(必须从Jetpack开启「Manage」模组才能用)。

不过我最喜欢的是WordPress.com 的统计功能(Stats),它会清楚记录下每天的网站流量变化,包括最热门的文章页面、来源网址、国家等资讯,相较于Google 分析来说,内建的统计资料更为清楚易懂。

STEP 5

前面介绍有提到:WordPress桌面版应用程式本身就是一个离线编辑器!现在,你可以直接在桌面端透过官方软体来撰写文章。

应用程式的编辑器功能非常好用,不但速度快、设计简单大方,也和WordPress 有更紧密的结合,因为它已经加入了网站相关设定,例如分类与标签、特色图片、分享等功能。

下图是我使用WordPress.com App for Windows 桌面版来写文章的画面撷图,可以看到相较于原先网页编辑器来说,桌面版设计更为干净明亮,让你在写文章时有更好的写作体验(如果常常苦思得不到灵感,就会知道这有多么重要…)。

这个编辑器的另一特色是:无须连上网路,具备自动储存草稿功能。若你正在寻找一款免费、好用的部落格写作工具,WordPress.com App会是非常棒的选择!

WordPress 本身只是一个开放原始码的PHP 程式,用于架设网站部落格,但凭借外挂功能,让它延伸扩展更多更不一样的变化!Matthew Mullenweg 始终相信开放相较于封闭有更多的好处,WordPress 弹性自由更可以适应不断变化的网路环境。

这款WordPress.com 桌面版应用程式耗时二十个月,由来自世界各地的开发者贡献而生,相信它能跟上接下来的发展趋势,让我们有更为便利的数位写作工具!

值得一试的三个理由:

  1. 开放原始码,提供Windows、Mac、Linux 三大平台免费下载

  2. 更好用的写作工具,将重心聚焦于内容

  3. 速度快、操作简单,使用现今最流行开发项目