Pygal，可导出矢量图的Python可视化利器

Python有很多优秀的可视化库&＃xff0c;其中有名的像matplotlib、seaborn、plotly&＃xff0c;可以绘制出各式绚丽的图表。

这次介绍一个不那么广为人知但依然优秀的可视化库-Pygal

官网介绍说Pygal是一个性感的Python制表工具&＃xff0c;提供了14种图表类型&＃xff0c;可以轻松定制出版级别的交互式图表。

相比较seaborn等明星库&＃xff0c;Pygal有哪些值得一说的优点呢&＃xff1f;

1. 高度可定制&＃xff0c;而且用法简单&＃xff1b;

2. 图表可交互性强&＃xff1b;

3. 图像可导出SVG格式&＃xff08;矢量图形&＃xff09;&＃xff1b;

4. 与Django、Flask等Web框架高度集成&＃xff1b;

Pygal支持哪些图表&＃xff1f;

Pygal目前支持的图表有折线图、点图、柱状图、直方图、饼图、雷达图、箱图、气泡图、漏斗图、圆环图、仪表板、漏斗图、热力图、地图。

既可以在浏览器中直接查看图表&＃xff0c;或集成到web中&＃xff0c;也可以导出图表。

可以导出的格式有&＃xff1a;SVG、PNG、Etree、64位URI

Pygal默认在jupyter notebook不显示&＃xff0c;需要保存问svg、png等格式&＃xff0c;浏览器打开查看&＃xff0c;为了便于展示&＃xff0c;做了如下设置可在jupyter notebook中展示。

import pygal#设置pygal与jupyter notebook交互
from IPython.display import display, HTMLbase_html &＃61; """



安装并导入Pygal

使用pip或者conda进行安装&＃xff0c;在命令行输入&＃xff1a;

pip install pygal


几秒钟便可安装完成。

安装好后&＃xff0c;导入Pygal&＃xff1a;

import pygal      


这里用的是Jupyter Notebook环境&＃xff0c;好了&＃xff0c;接下来正式绘图。

绘图步骤

Pygal的用法非常简单&＃xff0c;主要分三步&＃xff1a;

1. 生成图表对象

2. 导入数据

3. 导出图像

这里简单绘制一个柱状图&＃xff1a;

# 导入pygal库
import pygal  # 创建柱状图对象
bar_chart &＃61; pygal.Bar() # 图表命名
bar_chart.title &＃61; &＃39;NBA历史得分前五球星数据&＃39;# 添加数据
bar_chart.add(&＃39;贾巴尔&＃39;, 38387) 
bar_chart.add(&＃39;马龙&＃39;, 36928) 
bar_chart.add(&＃39;詹姆斯&＃39;, 34384) 
bar_chart.add(&＃39;科比&＃39;, 33643) 
bar_chart.add(&＃39;乔丹&＃39;, 32292) # 在浏览器中查看
bar_chart.render_in_browser()# 导出为矢量图形
bar_chart.render_to_file(&＃39;NBA.svg&＃39;) 


常见图形

1. 折线图

line_chart &＃61; pygal.Line()
line_chart.title &＃61; &＃39;Browser usage evolution (in %)&＃39;
# 添加x轴标签
line_chart.x_labels &＃61; map(str, range(2002, 2013))
# 传入数据
line_chart.add(&＃39;Firefox&＃39;, [None, None,    0, 16.6,   25,   31, 36.4, 45.5, 46.3, 42.8, 37.1])
line_chart.add(&＃39;Chrome&＃39;,  [None, None, None, None, None, None,    0,  3.9, 10.8, 23.8, 35.3])
line_chart.add(&＃39;IE&＃39;,      [85.8, 84.6, 84.7, 74.5,   66, 58.6, 54.7, 44.8, 36.2, 26.6, 20.1])
line_chart.add(&＃39;Others&＃39;,  [14.2, 15.4, 15.3,  8.9,    9, 10.4,  8.9,  5.8,  6.7,  6.8,  7.5])#图片渲染
HTML(base_html.format(rendered_chart&＃61;line_chart.render(is_unicode&＃61;True)))


1. 柱状图

line_chart &＃61; pygal.HorizontalBar()
line_chart.title &＃61; &＃39;Browser usage in February 2012 (in %)&＃39;
line_chart.add(&＃39;IE&＃39;, 19.5)
line_chart.add(&＃39;Firefox&＃39;, 36.6)
line_chart.add(&＃39;Chrome&＃39;, 36.3)
line_chart.add(&＃39;Safari&＃39;, 4.5)
line_chart.add(&＃39;Opera&＃39;, 2.3)#图片渲染
HTML(base_html.format(rendered_chart&＃61;line_chart.render(is_unicode&＃61;True)))


很多人学习python&＃xff0c;不知道从何学起。
很多人学习python&＃xff0c;掌握了基本语法过后&＃xff0c;不知道在哪里寻找案例上手。
很多已经做案例的人&＃xff0c;却不知道如何去学习更加高深的知识。
那么针对这三类人&＃xff0c;我给大家提供一个好的学习平台&＃xff0c;免费领取视频教程&＃xff0c;电子书籍&＃xff0c;以及课程的源代码&＃xff01;
QQ群&＃xff1a;721195303

1. 饼图

pie_chart &＃61; pygal.Pie()
pie_chart.title &＃61; &＃39;Browser usage by version in February 2012 (in %)&＃39;
pie_chart.add(&＃39;IE&＃39;, [5.7, 10.2, 2.6, 1])
pie_chart.add(&＃39;Firefox&＃39;, [.6, 16.8, 7.4, 2.2, 1.2, 1, 1, 1.1, 4.3, 1])
pie_chart.add(&＃39;Chrome&＃39;, [.3, .9, 17.1, 15.3, .6, .5, 1.6])
pie_chart.add(&＃39;Safari&＃39;, [4.4, .1])
pie_chart.add(&＃39;Opera&＃39;, [.1, 1.6, .1, .5])#图片渲染
HTML(base_html.format(rendered_chart&＃61;pie_chart.render(is_unicode&＃61;True)))


1. 环形图

pie_chart &＃61; pygal.Pie(inner_radius&＃61;.4)
pie_chart.title &＃61; &＃39;Browser usage in February 2012 (in %)&＃39;
pie_chart.add(&＃39;IE&＃39;, 19.5)
pie_chart.add(&＃39;Firefox&＃39;, 36.6)
pie_chart.add(&＃39;Chrome&＃39;, 36.3)
pie_chart.add(&＃39;Safari&＃39;, 4.5)
pie_chart.add(&＃39;Opera&＃39;, 2.3)#图片渲染
HTML(base_html.format(rendered_chart&＃61;pie_chart.render(is_unicode&＃61;True)))


1. 雷达图

radar_chart &＃61; pygal.Radar()
radar_chart.title &＃61; &＃39;V8 benchmark results&＃39;
radar_chart.x_labels &＃61; [&＃39;Richards&＃39;, &＃39;DeltaBlue&＃39;, &＃39;Crypto&＃39;, &＃39;RayTrace&＃39;, &＃39;EarleyBoyer&＃39;, &＃39;RegExp&＃39;, &＃39;Splay&＃39;, &＃39;NavierStokes&＃39;]
radar_chart.add(&＃39;Chrome&＃39;, [6395, 8212, 7520, 7218, 12464, 1660, 2123, 8607])
radar_chart.add(&＃39;Firefox&＃39;, [7473, 8099, 11700, 2651, 6361, 1044, 3797, 9450])
radar_chart.add(&＃39;Opera&＃39;, [3472, 2933, 4203, 5229, 5810, 1828, 9013, 4669])
radar_chart.add(&＃39;IE&＃39;, [43, 41, 59, 79, 144, 136, 34, 102])
radar_chart.render()#图片渲染
HTML(base_html.format(rendered_chart&＃61;radar_chart.render(is_unicode&＃61;True)))


1. 箱图

box_plot &＃61; pygal.Box()
box_plot.title &＃61; &＃39;V8 benchmark results&＃39;
box_plot.add(&＃39;Chrome&＃39;, [6395, 8212, 7520, 7218, 12464, 1660, 2123, 8607])
box_plot.add(&＃39;Firefox&＃39;, [7473, 8099, 11700, 2651, 6361, 1044, 3797, 9450])
box_plot.add(&＃39;Opera&＃39;, [3472, 2933, 4203, 5229, 5810, 1828, 9013, 4669])
box_plot.add(&＃39;IE&＃39;, [43, 41, 59, 79, 144, 136, 34, 102])#图片渲染
HTML(base_html.format(rendered_chart&＃61;box_plot.render(is_unicode&＃61;True)))


1. 环形图

gauge &＃61; pygal.SolidGauge(inner_radius&＃61;0.70)
percent_formatter &＃61; lambda x: &＃39;{:.10g}%&＃39;.format(x)
dollar_formatter &＃61; lambda x: &＃39;{:.10g}$&＃39;.format(x)
gauge.value_formatter &＃61; percent_formattergauge.add(&＃39;Series 1&＃39;, [{&＃39;value&＃39;: 225000, &＃39;max_value&＃39;: 1275000}],formatter&＃61;dollar_formatter)
gauge.add(&＃39;Series 2&＃39;, [{&＃39;value&＃39;: 110, &＃39;max_value&＃39;: 100}])
gauge.add(&＃39;Series 3&＃39;, [{&＃39;value&＃39;: 3}])
gauge.add(&＃39;Series 4&＃39;, [{&＃39;value&＃39;: 51, &＃39;max_value&＃39;: 100},{&＃39;value&＃39;: 12, &＃39;max_value&＃39;: 100}])
gauge.add(&＃39;Series 5&＃39;, [{&＃39;value&＃39;: 79, &＃39;max_value&＃39;: 100}])
gauge.add(&＃39;Series 6&＃39;, 99)
gauge.add(&＃39;Series 7&＃39;, [{&＃39;value&＃39;: 100, &＃39;max_value&＃39;: 100}])#图片渲染
HTML(base_html.format(rendered_chart&＃61;gauge.render(is_unicode&＃61;True)))


1. 热力图

treemap &＃61; pygal.Treemap()
treemap.title &＃61; &＃39;Binary TreeMap&＃39;
treemap.add(&＃39;A&＃39;, [2, 1, 12, 4, 2, 1, 1, 3, 12, 3, 4, None, 9])
treemap.add(&＃39;B&＃39;, [4, 2, 5, 10, 3, 4, 2, 7, 4, -10, None, 8, 3, 1])
treemap.add(&＃39;C&＃39;, [3, 8, 3, 3, 5, 3, 3, 5, 4, 12])
treemap.add(&＃39;D&＃39;, [23, 18])
treemap.add(&＃39;E&＃39;, [1, 2, 1, 2, 3, 3, 1, 2, 3,4, 3, 1, 2, 1, 1, 1, 1, 1])
treemap.add(&＃39;F&＃39;, [31])
treemap.add(&＃39;G&＃39;, [5, 9.3, 8.1, 12, 4, 3, 2])
treemap.add(&＃39;H&＃39;, [12, 3, 3])#图片渲染
HTML(base_html.format(rendered_chart&＃61;treemap.render(is_unicode&＃61;True)))


1. 地图

# 使用地图需先安装插件pygal_maps_world
# 在命令行输入&＃xff1a;pip install pygal_maps_world
worldmap_chart &＃61; pygal.maps.world.World()
worldmap_chart.title &＃61; &＃39;Some countries&＃39;
worldmap_chart.add(&＃39;F countries&＃39;, [&＃39;fr&＃39;, &＃39;fi&＃39;])
worldmap_chart.add(&＃39;M countries&＃39;, [&＃39;ma&＃39;, &＃39;mc&＃39;, &＃39;md&＃39;, &＃39;me&＃39;, &＃39;mg&＃39;,&＃39;mk&＃39;, &＃39;ml&＃39;, &＃39;mm&＃39;, &＃39;mn&＃39;, &＃39;mo&＃39;,&＃39;mr&＃39;, &＃39;mt&＃39;, &＃39;mu&＃39;, &＃39;mv&＃39;, &＃39;mw&＃39;,&＃39;mx&＃39;, &＃39;my&＃39;, &＃39;mz&＃39;])
worldmap_chart.add(&＃39;U countries&＃39;, [&＃39;ua&＃39;, &＃39;ug&＃39;, &＃39;us&＃39;, &＃39;uy&＃39;, &＃39;uz&＃39;])[图片上传中...(image.png-863dc1-1609602511392-0)]#图片渲染
HTML(base_html.format(rendered_chart&＃61;worldmap_chart.render(is_unicode&＃61;True)))


常见参数设置

from pygal.style import LightSolarizedStylechart &＃61; pygal.Bar(margin_bottom&＃61;10,#图与低端距离&＃xff0c;类似的有上下左右height&＃61;450,#style&＃61;NeonStyle,#设置绘图风格&＃xff0c;pygal拥有23种style&＃xff0c;#其它style可选&＃xff1a;&＃39;BlueStyle&＃39;, &＃39;CleanStyle&＃39;, &＃39;DarkColorizedStyle&＃39;, &＃39;DarkGreenBlueStyle&＃39;, &＃39;DarkGreenStyle&＃39;, &＃39;DarkSolarizedStyle&＃39;, &＃39;DarkStyle&＃39;, &＃39;DarkenStyle&＃39;, &＃39;DefaultStyle&＃39;, &＃39;DesaturateStyle&＃39;, &＃39;LightColorizedStyle&＃39;, &＃39;LightGreenStyle&＃39;, &＃39;LightSolarizedStyle&＃39;, &＃39;LightStyle&＃39;, &＃39;LightenStyle&＃39;, &＃39;NeonStyle&＃39;, &＃39;ParametricStyleBase&＃39;, &＃39;RedBlueStyle&＃39;, &＃39;RotateStyle&＃39;, &＃39;SaturateStyle&＃39;, &＃39;SolidColorStyle&＃39;, &＃39;Style&＃39;, &＃39;TurquoiseStyle&＃39;##title设置title&＃61;u&＃39;Some points&＃39;, #图标题x_title&＃61;&＃39;X Axis&＃39;,#x轴标题y_title&＃61;&＃39;Y Axis&＃39;,#y轴标题##label设置show_x_labels&＃61;True,#显示x轴标签x_label_rotation&＃61;20,#x轴标签倾斜角度x_labels &＃61; list(&＃39;ABCD&＃39;),#自定义x轴标签value_formatter &＃61; lambda x: "%.2f" % x,#y轴刻度值格式化输出##图例legend设置show_legend&＃61;True,#开启图例legend_at_bottom&＃61;True,#图例放置于底部legend_at_bottom_columns&＃61;2,#图例标签显示行数legend_box_size&＃61;12,#图例前箱子大小##坐标轴axis设置include_x_axis&＃61;True,#坐标轴开启range&＃61;(0, 30),#设置y轴刻度值范围secondary_range&＃61;(10, 25),#第二坐标轴刻度范围xrange&＃61;(0,10),#x轴刻度范围##柱子上text设置print_values&＃61;True,#开启柱子上文本print_values_position&＃61;&＃39;top&＃39;,#文本位置style&＃61;LightSolarizedStyle(value_font_family&＃61;&＃39;googlefont:Raleway&＃39;,#文本字体设置value_font_size&＃61;15,#大小value_colors&＃61;(&＃39;red&＃39;,&＃39;blue&＃39;),#颜色设置),)
#chart.x_labels &＃61; u&＃39;αβγδ&＃39;#自定义x轴刻度标签
chart.add(&＃39;line 1&＃39;, [5, 15, 10, 8],secondary&＃61;True,#开启第二坐标轴)
chart.add(&＃39;line 2&＃39;, [15, 20, 8, 11])
HTML(base_html.format(rendered_chart&＃61;chart.render(is_unicode&＃61;True)))


在这里还是要推荐下我自己建的Python开发学习群:721195303&＃xff08;即可获取使用到的代码文件及数据&＃xff09;&＃xff0c;群里都是学Python开发的&＃xff0c;如果你想学或者正在学习Python &＃xff0c;欢迎你加入&＃xff0c;大家都是软件开发党&＃xff0c;不定期分享干货&＃xff08;只有Python软件开发相关的&＃xff09;&＃xff0c;包括我自己整理的一份2020最新的Python进阶资料和高级开发教程&＃xff0c;欢迎进阶中和进想深入Python的小伙伴&＃xff01;