Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Palette & Colors

Overview

SeraPlot represents colors as 24-bit RGB integers (int) or CSS strings (str).

FormatExampleUsage
Hex integer0x6366f1color_hex, palette lists
CSS hex string"#6366f1"background, bg_color
CSS named color"navy"background, bg_color

Built-in Palettes

There is no standalone sp.PALETTE_* constant — the built-in color sets ship bundled inside a theme (background + palette + gridlines together). Call sp.theme(name) to apply one, or read Themes for the full list and every palette's exact hex values.

import seraplot as sp

print(sp.themes())
# ['dark', 'light', 'scientific', 'apple', 'notion', 'minimal', 'neon']

sp.theme("dark")
chart = sp.build_bar_chart("Revenue", labels=["A", "B", "C"], values=[100, 200, 150])
sp.reset_theme()

Pass any list of hex ints as the palette parameter to override the palette for a single chart, independent of the active theme:

chart = sp.build_bar_chart(
    "Revenue",
    labels=["A", "B", "C"],
    values=[100, 200, 150],
    palette=[0x6366f1, 0x22d3ee, 0xf43f5e],
)

Color Utility Reference

Parameter nameAcceptsDescription
color_hexintSingle element color
palettelist[int]Multi-element color list
backgroundstrChart canvas background
bg_colorstr3D canvas background
color_low / color_mid / color_highintMin/mid/max heatmap colors
color_up / color_downintRising/falling candle colors
color_pos / color_neg / color_totalintPositive/negative/total bar (waterfall)

Example

import seraplot as sp

chart = sp.build_heatmap(
    "Correlation",
    labels=["A", "B", "C"],
    col_labels=["A", "B", "C"],
    values=[1, 0.8, 0.2, 0.8, 1, 0.5, 0.2, 0.5, 1],
    color_low=0xfaf5ff,
    color_mid=0xa78bfa,
    color_high=0x4c1d95,
)

Aperçu

SeraPlot représente les couleurs sous forme d'entiers RGB 24 bits (int) ou de chaînes CSS (str).

FormatExempleUtilisation
Entier hex0x6366f1color_hex, listes palette
Chaîne CSS hex"#6366f1"background, bg_color
Nom CSS"navy"background, bg_color

Palettes intégrées

Il n'existe pas de constante sp.PALETTE_* autonome — les jeux de couleurs intégrés sont livrés à l'intérieur d'un thème (fond + palette + quadrillage ensemble). Appelez sp.theme(name) pour en appliquer un, ou consultez Thèmes pour la liste complète et les valeurs hex exactes de chaque palette.

import seraplot as sp

print(sp.themes())
# ['dark', 'light', 'scientific', 'apple', 'notion', 'minimal', 'neon']

sp.theme("dark")
chart = sp.build_bar_chart("Revenus", labels=["A", "B", "C"], values=[100, 200, 150])
sp.reset_theme()

Passez n'importe quelle liste d'entiers hex comme paramètre palette pour surcharger la palette d'un seul chart, indépendamment du thème actif :

chart = sp.build_bar_chart(
    "Revenus",
    labels=["A","B","C"],
    values=[100,200,150],
    palette=[0x6366f1, 0x22d3ee, 0xf43f5e],
)

Référence des paramètres de couleur

Nom du paramètreAccepteDescription
color_hexintCouleur d'un élément unique
palettelist[int]Liste de couleurs multi-éléments
backgroundstrFond du canevas HTML
bg_colorstrFond du canevas 3D
color_lowintCouleur valeur min (heatmaps, choroplèthes)
color_midintCouleur valeur médiane
color_highintCouleur valeur max
color_upintCouleur bougie montante
color_downintCouleur bougie descendante
color_posintBarre positive (cascade)
color_negintBarre négative (cascade)
color_totalintBarre totale (cascade)

Exemple

import seraplot as sp

chart = sp.build_heatmap(
    "Corrélation",
    labels=["A","B","C"],
    col_labels=["A","B","C"],
    values=[1, 0.8, 0.2, 0.8, 1, 0.5, 0.2, 0.5, 1],
    color_low=0xfaf5ff,
    color_mid=0xa78bfa,
    color_high=0x4c1d95,
)