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)

Charts in this release

The other eight (bars and grouped bars, scatter with a trend line, rings, donut, gauge, progress and heatmap) are coming in the next releases. bc.types lists what's available.

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.