Bezel Charts for Python

Polished SVG charts straight from a pandas DataFrame.

The Python companion to Bezel Charts. Pass in a DataFrame, a Series, a NumPy array or a plain list and get back a finished chart tile that shows up in Jupyter, saves as an .svg for a README, and drops into reports and slides. Zero dependencies.

• Identical to the web components. The renderers are a line-by-line port of the JavaScript ones, and the test suite checks they draw the same SVG, byte for byte.
• pandas friendly. Pick columns with x= and y=. Dates, indexes and column names become labels and legends.
• Made for READMEs. Every chart is a self-contained SVG with no scripts and no fonts to load, so GitHub shows it.
• No dependencies. pandas and NumPy work when you have them, and are never required.

Install

pip install bezel-charts

Python 3.10 or newer.

Quick start

import pandas as pd
import bezel_charts as bc

df = pd.DataFrame({
    "month": pd.date_range("2026-01-01", periods=9, freq="MS"),
    "Revenue": [42, 48, 45, 53, 61, 58, 66, 72, 79],
    "Costs": [30, 31, 35, 34, 36, 41, 40, 43, 44],
})

bc.line(df, x="month", x_format="%b", heading="Revenue vs costs",
        prefix="£", suffix="k", notes={"May": "Launch"}, theme="light")

In a notebook the chart appears as the cell's output. Anywhere else:

chart = bc.spark(df["Revenue"], heading="Monthly revenue", prefix="£", suffix="k")
chart.save("docs/revenue.svg")   # write an .svg file
svg = str(chart)                 # or use the SVG string directly

Then in your README:

![Monthly revenue](docs/revenue.svg)

The ten charts

Grouped bars are bc.bars() with several series, which makes ten. They are the same ten as the web components, and bc.types lists them.

Bars

# Grouped bars: one group per quarter, one bar per year
sales = pd.DataFrame({"quarter": ["Q1", "Q2", "Q3", "Q4"], "2026": [42, 51, 47, 63], "2025": [38, 44, 49, 52]})
bc.bars(sales, x="quarter", heading="Orders by quarter", suffix="k", show_values=True)

# Counts straight from value_counts(), as horizontal bars for long labels
bc.bars(df["language"].value_counts(), horizontal=True, heading="Languages", suffix=" people")

With one series the highest bar is highlighted. Turn that off with highlight="none", or pass several colours to give each bar its own.

Scatter

bc.scatter(study, x="Hours studied", y="Exam score", trend=True, heading="Study time vs results", suffix="%")

trend=True draws the least-squares line and labels it with Pearson's r. by="team" splits the points into coloured groups, each with its own trend line, and label="name" names each point so notes={"Ada": "Top scorer"} can point at it. The column names become the axis titles unless you set x_label and y_label. Rows with a missing x or y are left out, with a warning. Without a DataFrame, pass the values: bc.scatter(x=[1, 2, 3], y=[4, 6, 5]).

Heatmap

# Daily totals: a Series with a date index, or a DataFrame with a date column and a value column
bc.heatmap(runs, heading="Running", suffix=" km", stat="total")
bc.heatmap(df, x="date", y="km")

# Just dates: each day counts how many times it appears, such as commits or sign-ups
bc.heatmap(commits["timestamp"])

# Plain daily numbers, ending today unless you give a start date
bc.heatmap([0, 2, 5, 1], start="2026-10-01")

Days with nothing get 0, so the calendar has no gaps. On a narrow tile the most recent weeks are kept.

Rings and donut

bc.ring({"Move": 72, "Exercise": 45, "Stand": 90}, heading="Today")
bc.ring([3, 5], labels=["Read", "Write"], max=8, suffix=" h")

bc.donut(budget, x="category", y="spend", heading="Monthly spending", prefix="£", center_label="Spent")
bc.donut(df["browser"].value_counts())

Both take a list, a dict of name to value, a Series (its index gives the names) or a DataFrame with x= and y=. Rings are percentages unless you set max, prefix or suffix. A donut with more than six parts keeps the five largest and adds the rest up as "Other".

Gauge and progress

bc.gauge(63, label="CPU", zones=[60, 85], goal=80, heading="Server load")
bc.gauge(18.5, min=10, max=30, suffix="°C", label="Office")

bc.progress(72, labels=["Upload"])
bc.progress({"Done": 46, "In review": 18, "Blocked": 6}, max=100, goal=75, heading="Sprint")

zones=[60, 85] turns the gauge green below 60, amber up to 85 and red above; pass three colours with color= to use your own. One progress value is a percentage unless you set max; several stack up and fill to their total unless you set max.

Your data

Dates become 2026-03-01, or anything you like with x_format="%b %Y". Missing values are drawn as 0, like the browser version, with a warning so they never go unnoticed. Call .dropna() or .fillna() first if you'd rather handle them yourself.

Options

Every option from the web components works as a keyword argument. Use snake_case: show-values becomes show_values=True.

Numbers are formatted for en-GB by default (1.5m, 2bn), or lang="en-US" for 1.5M, 2B. Other locales fall back to en-GB for now, with a warning.

Lower level

bc.to_svg(type, **options) returns the static SVG string and bc.render(type, **options) returns it with the hover targets the browser uses. Both take the same options as the JavaScript functions of the same names, and accept a dict too:

bc.to_svg("line", {"values": "1,2,3|3,2,1", "series": "A,B", "show-values": ""})

How it stays in step with the JavaScript

scripts/py-fixtures.mjs in the main repository runs the real JavaScript charts over a wide set of inputs (empty data, single values, negatives, huge and tiny numbers, notes, goals, both themes) and saves the SVG they draw. The Python tests render the same inputs and check the output is identical. CI regenerates the fixtures on every pull request, so a change to one version that isn't made to the other fails the build.

Development

git clone https://github.com/ShazMoghaddam/bezel-charts.git
cd bezel-charts/python
python3 -m venv .venv && source .venv/bin/activate
pip install -e ".[test]"
pytest

After changing a JavaScript chart, run npm run fixtures from the repository root and commit python/tests/fixtures.

Licence

MIT. Designed and built by Shaz Moghaddam, London.