Composants → bpm.altairChart

bpm.altairChart

Graphique Altair / Vega-Lite. Démo : ventes par trimestre 2025 (k€) en barres Vega-Lite.

StableGraphiques⏱ 2 min

Graphique Altair / Vega-Lite. Passez spec (JSON) ou iframeSrc après avoir intégré vega-embed dans votre app.

Python
bpm.altairChart(spec=spec_ventes_trimestre)  # ventes par trimestre 2025 (k€)
PropTypeDéfautRequisDescription
specRecord<string, unknown>NonSpécification Vega-Lite / Altair (JSON).
iframeSrcstringNonURL d'un fichier JSON ou d'une vue compilée.
widthnumber | string100%NonLargeur.
heightnumber | string400NonHauteur.
classNamestringNonClasses CSS.

Exemples

spec_ventes_trimestre = {"data": {"values": [{"trimestre": "T1 2025", "ventes": 260}, {"trimestre": "T2 2025", "ventes": 315}, {"trimestre": "T3 2025", "ventes": 309}, {"trimestre": "T4 2025", "ventes": 393}]}, "mark": "bar", "encoding": {"x": {"field": "trimestre", "type": "nominal"}, "y": {"field": "ventes", "type": "quantitative", "title": "Ventes (k€)"}}}
bpm.altairChart(spec=spec_ventes_trimestre)
chart = alt.Chart(df_ventes).mark_bar().encode(x="trimestre", y="ventes")
bpm.altairChart(spec=chart.to_dict())
bpm.altairChart(iframeSrc="/charts/ventes-trimestre-2025.json")
bpm.altairChart(spec=spec_ventes_trimestre, width=600, height=300)