Vega charts for Comark

A Comark plugin for Vega and Vega-Lite. Fenced blocks and directives become Vega component nodes — with a shipped Vue renderer or opt-in parse-time SVG.

Get started Open the playground

Two ways to embed charts

Fenced specs

````vega-lite` blocks hold raw JSON — opaque to the parser, safe for `{…}`.

Bound directives

`::vega{:spec="report.chart"}` preserves bindings for `@comark/binding`.

Inline SVG

`::vl`, `::vg`, and `::chart` render SVG at parse time for static docs.

Vue renderer

`comark-vega/vue` ships a `<Vega>` component for interactive apps.

Mark shortcuts

`::chart-bar`, `::chart-line`, and 16 more inject the Vega-Lite mark.

Soft failures

Invalid specs show a fallback node — the rest of the document still renders.