Vizcharter

VizCharter

A local MCP server for Claude Code that generates **presentation-grade visualizations**: cloud architecture diagrams with 1100+ official AWS / GCP / Azure icons, charts and KPI dashboards, poster-style infographics — semantic containers and connectors, auto layout, and multi-format export (SVG, PNG, JPG, vector PDF).

No headless browser. Fully offline after install. Every diagram keeps a re-editable `.vizc.json` source next to its exports, so "open the Q2 platform diagram and add EventBridge" works months later.

Install

claude mcp add vizcharter -- npx -y vizcharter

Requires Node ≥ 20. Everything (icon packs, fonts, rasterizer) ships in the package.

Tools

Tool	Purpose
vizcharter_create	Validate spec → auto-layout (ELK) → render → lint → export. Returns a PNG preview inline so the model can see and iterate.
vizcharter_update	Patch an existing .vizc.json (RFC 7386 merge patch) and re-render in place.
vizcharter_export	Re-export an existing diagram to more formats/scales.
vizcharter_icons	Fuzzy-search the bundled official icon packs ("queue" → SQS…).
vizcharter_themes	List built-in themes or validate custom brand overrides (WCAG-checked).

Spec example

{
  "family": "architecture",
  "title": "Sample Platform",
  "theme": "vizcharter-light",
  "direction": "DOWN",
  "containers": [
    { "id": "edge", "type": "layer", "label": "Presentation Layer" }
  ],
  "nodes": [
    { "id": "cdn", "icon": "aws.cloudfront", "label": "Amazon CloudFront", "parent": "edge" },
    { "id": "fn", "icon": "aws.lambda", "label": "AWS Lambda" }
  ],
  "edges": [
    { "from": "cdn", "to": "fn", "kind": "sync", "label": "invoke" }
  ]
}

Every family also accepts an optional `meta` footer — `{ author, org, project, version, date, classification, source, note }` — rendered as a slim hairline band with an outlined classification chip. Ask for "authorship / version / confidentia