在数据可视化的世界中,一个精心设计的图表不仅能准确传达信息,还能提升整体的专业性和吸引力。

Plotly作为Python中强大的可视化库,提供了丰富的样式定制功能,帮助我们轻松实现这一目标。

本文从快速换肤到精细调整,深入探索Plotly的样式定制基础,让你的图表在视觉上脱颖而出。

1. 内置模板

Plotly内置了10+专业模板,相当于给图表穿上了不同风格的"皮肤"

选择合适的模板,就像给PPT选择主题模板一样,能瞬间提升专业度。

1.1. 经典模板

模板名称 视觉特征 适用场景
ggplot2 灰色网格线+实心色块 学术论文、统计报告
seaborn 柔和色阶+细网格线 数据分析演示、教学课件
plotly_dark 深蓝背景+荧光色强调 大屏数据看板、夜间分析

1.2. 专业模板

模板名称 视觉特征 适用场景
simple_white 医疗/生物领域专用 符合无菌视觉规范
xgridoff 移除网格线突出数据点 适合展示精确数值
presentation 宽边距+大字体设计 适配投影设备显示

1.3. 模版使用示例

使用Plotly内置模板非常简单,

可以在创建图表时直接通过template参数指定所需的模板。

比如:

import plotly.express as px

df = px.data.iris()
fig = px.scatter(df, x="sepal_width", y="sepal_length", template="ggplot2") fig.show()

fig = px.scatter(df, x="sepal_width", y="sepal_length", template="seaborn")

fig = px.scatter(df, x="sepal_width", y="sepal_length", template="plotly_dark")

也可以通过update_layout方法更新模板,比如:

import plotly.express as px
df = px.data.iris()
fig = px.scatter(df, x="sepal_width", y="sepal_length") # 更新主题模版
fig.update_layout(template="simple_white")
fig.show()

fig.update_layout(template="xgridoff")

fig.update_layout(template="presentation")

2. 颜色与字体

除了模板的快速切换,颜色字体的精细调整也是提升图表专业性的重要环节。

2.1. 颜色设置

Plotly提供了多种内置颜色主题,通过color_discrete_sequence参数可以轻松调用预设主题。

这些主题会根据数据类型自动匹配离散或连续的色序,确保颜色的合理分布。

import plotly.express as px

# 准备数据
df = px.data.iris() # 使用Plotly自带的鸢尾花数据集 # 创建一个散点图
fig = px.scatter(
df,
x="sepal_width",
y="sepal_length",
color="species", # 根据种类着色
color_discrete_sequence=px.colors.qualitative.Dark24,
title="鸢尾花数据集散点图",
) # 显示图形
fig.show()

上面的代码中,通过color参数指定根据不同的species值使用不同的颜色,

color_discrete_sequence参数则指定使用的内置颜色序列。

2.2. 字体设置

字体的设置同样重要,它直接影响到图表的可读性和专业性。

通过update_layout方法可以设置图表中各个部分的字体样式。

比如,下面的代码设置了标题的字体和颜色:

fig.update_layout(
font_family="Arial",
title_font_size=24,
title_font_color="#2B2B2B"
)

也可以设置其他部分的字体和颜色,比如下面的代码设置了legendX轴刻度的颜色和字体:

fig.update_layout(
xaxis_tickfont=dict(family="Courier New", size=15, color="blue"),
legend_title_font=dict(family="Arial", size=20, color="red")
)

X轴刻度设置了蓝色并调大了字体(比Y轴刻度字体大),legend部分设置了红色和较大的字体。

3. 总结

通过本文的介绍,我们了解了Plotly样式定制的三阶策略:

首先通过内置模板快速定型,为图表奠定基础风格;

接着通过颜色主题强化表达,突出数据的关键信息;

最后通过字体设置保障可读性,确保信息传达的清晰准确。

在实际应用中,可以根据不同的场景选择合适的模板。

例如,学术图表优先选择ggplot2seaborn模板,而大屏展示则更适合plotly_dark深色模式。

在颜色选择上,要保证前景与背景的对比度达到WCAG 4.5:1以上,避免因对比度过低而导致信息难以辨认。

字体搭配方面,遵循“标题不超过3种字体,正文统一字体”的原则,能够有效提升图表的整体美观度和专业性。

『Plotly实战指南』--样式定制基础篇的更多相关文章

  1. 20165308『网络对抗技术』Exp5 MSF基础应用

    20165308『网络对抗技术』Exp5 MSF基础应用 一.原理与实践说明 实践内容 本实践目标是掌握metasploit的基本应用方式,重点常用的三种攻击方式的思路.具体需要完成: 一个主动攻击实 ...

  2. 20155308『网络对抗技术』Exp5 MSF基础应用

    20155308『网络对抗技术』Exp5 MSF基础应用 一.原理与实践说明 实践内容 本实践目标是掌握metasploit的基本应用方式,重点常用的三种攻击方式的思路.具体需要完成: 一个主动攻击实 ...

  3. 『心善渊』Selenium3.0基础 — 24、Selenium的expected_conditions模块详细介绍

    目录 1.EC模块介绍 2.EC模块常用类 3.EC模块的使用 4.EC模块综合使用 (1)title_is(title)示例 (2)presence_of_element_located(locat ...

  4. 『心善渊』Selenium3.0基础 — 3、使用Selenium操作浏览器对象的基础API

    目录 1.导入Selenium库 2.创建浏览器对象 3.浏览器窗口大小设置 4.浏览器位置设置 5.请求访问网址 6.浏览器页面前进.后退和刷新 7.关闭浏览器 相比于高大上的各种Selenium进 ...

  5. 『心善渊』Selenium3.0基础 — 12、Selenium操作鼠标和键盘事件

    目录 (一)对鼠标的操作 1.鼠标事件介绍 2.ActionChains 类鼠标操作的常用方法 3.perform()方法 4.鼠标事件操作步骤 5.示例 (1)右键单击.左键双击 (2)鼠标拖拽动作 ...

  6. 『心善渊』Selenium3.0基础 — 1、Selenium自动化测试框架介绍

    目录 1.Selenium介绍 2.Selenium的特点 3.Selenium版本说明 4.拓展:WebDriver与Selenium RC的区别 5.Webdriver工作原理 1.Seleniu ...

  7. 『心善渊』Selenium3.0基础 — 4、Selenium基础元素定位详解

    目录 1.什么是元素定位 2.Selenium元素定位常用API (1)By_id 定位 (2)by_name 定位 (3)by_class_name 定位 (4)by_tag_name 定位 (5) ...

  8. 『心善渊』Selenium3.0基础 — 6、Selenium中使用XPath定位元素

    目录 1.Selenium中使用XPath查找元素 (1)XPath通过id,name,class属性定位 (2)XPath通过标签中的其他属性定位 (3)XPath层级定位 (4)XPath索引定位 ...

  9. 『心善渊』Selenium3.0基础 — 10、使用Seleniun定位页面元素归纳总结(超详细)

    目录 1.Selenium中8种基本元素定位方式 (1)单数形式 (2)复数形式 2.By类定位的8种定位方式 (1)单数形式 (2)复数形式 3.XPath定位总结 (1)基础定位语法 (2)属性定 ...

  10. 『心善渊』Selenium3.0基础 — 11、Selenium对元素常用操作

    目录 1.Selenium对元素常用操作 2.Selenium对元素的其他操作 1.Selenium对元素常用操作 操作 说明 click() 单击元素 send_keys() 模拟输入 clear( ...

随机推荐

  1. NIT GREAT NITYACKE DESTROYS THE UNIVERSE

    线段树 一般线段树维护的东西是什么?设其维护的信息的半群 \((A,+)\),维护标记的半群 \((T,\times)\) 和一种运算 \(*\mapsto A*T\to A\). 要求 \((b+c ...

  2. IDEA debug时候直接报ClassNotFoundException,代码正常,也可以正常运行

    原因,是因为在某些类误点了断点,需要取消

  3. 开源EFCore 对比实体与实际数据库结构的工具-GZY.EFCoreCompare

    前言 GZY.EFCoreCompare 是一个用于 对比数据库结构和 EF Core 代码中的 DbContext 的库. 它基于 EF Core 的 Scaffolding 机制,生成 Datab ...

  4. 我的世界服务端插件安装 Vault经济前置插件安装(商店,圈地等需要该前置插件)

    Minecraft服务端插件安装-Vault用户登录插件安装 需要准备Vault插件 Vault.jar经济前置插件 Minecraft Vault插件是一款用于Minecraft服务器的多功能经济. ...

  5. swiper8.x在vue中的wtf

    首先我是想开启鼠标滚动的效果,在官网上发现如下说法 引入就引入吧,引入路径还不说,在网上看其他教程发现路径是 引入完了,怎么办呢,又不会了,官网没有教程,网上的教程全是关于vue-awesome-sw ...

  6. 硅基流动最新邀请码:9MqV8tO4

    硅基流动最新邀请码:9MqV8tO4 硅基流动最新邀请码:9MqV8tO4

  7. JNZ项目犯错记

    年度绩效因为JNZ项目没有达到绩效目标被打了低绩效,这个是我从业这么多年来第一次低绩效,记一下我在这个项目中犯的错误. 项目起源 公司业务是一个ToB的电商场景,已经经营数年了,公司会给大客户一定账期 ...

  8. 【攻防世界】BadProgrammer

    BadProgrammer(原型链污染) 题目来源 攻防世界 NO.GFSJ0986 题目描述 打开网址页面如下,没有什么有用信息 用dirsearch扫一下目录,发现/static../(用御剑扫不 ...

  9. springboot 中 java.util.zip 文件的压缩

    package com.geotmt.billingcenter.common.utils; import org.datanucleus.util.StringUtils; import org.s ...

  10. day2-变量与数据类型

    变量 概念:程序的基本组成单位 定义: 指定变量类型 根据值自行判断变量类型(类型推导) 省略var,定义赋值 var i int var i = 10 i, j := 20, 10 数据基本类型 基 ...