Supported components

Rich text with full typography control — fonts, weights, alignment, auto-resize, inline pattern highlighting and shadows. The workhorse for titles, captions and any dynamic copy.

Displays an image from a URL with object-fit sizing, positioning, borders, rounding and shadows. Swap the URL at render time to personalize every image.

A row of stars, hearts, circles or custom icons filled to a value — with exact/half/rounded partial fills and an optional numeric label. Perfect for reviews and scores.

A progress indicator as a linear bar, circular ring or gauge, with an optional percent/value/fraction label. Great for goals, capacity and completion visuals.

Bar, line and area charts with single- or multi-series data, labels, legends, axes and value formatting — dashboard-quality charts rendered straight into your image.

Pie and donut charts from a single data series, with slice labels, percentages and a legend — proportions at a glance.

A stat tile: one big formatted number with an optional label and up/down delta badge — built for KPIs, revenue counters and scorecards.

A data grid with headers, striped rows, per-column alignment and configurable borders — leaderboards, price lists and reports rendered as pixels.

An OHLC candlestick chart for stock and crypto prices — bullish and bearish candles with wicks, rendered straight into your image from the open/high/low/close data.

A waffle / icon-array chart — part-to-whole shown as a grid of unit cells. Far more legible than a pie at social sizes, driven by a single percentage or a few category values.

A dumbbell / range plot — before→after (or two-point) comparison per row, with the change between two dots emphasized. Tailor-made for "Q1 → Q2" and gap visuals.

A funnel chart — conversion / pipeline stages narrowing top→bottom, each band sized to its value with optional conversion percentages. Built for growth and sales reports.

A bullet chart — a measure bar against a target marker over qualitative range bands. The compact, dashboard-friendly way to show actual vs target for KPIs.

A treemap / market heatmap — tiles sized by value and colored by % change (red→green) or by category, with optional sector grouping. The canonical way to show a portfolio or weighted breakdown at a glance.

A calendar heatmap — a GitHub-style grid of days colored by a daily value, laid out in week columns. Built for activity streaks, contribution graphs and daily-metric summaries.

A radar / spider chart — one polygon per data series over shared radial axes, for comparing profiles across 3–8 dimensions at a glance.

A Sankey diagram — flows between nodes with band widths proportional to value, for budgets, user journeys and conversion paths at a glance.

A chord diagram — entities arranged on a circle with ribbons whose thickness shows the strength of each relationship. Built for flows and many-to-many connections.

A choropleth world map — countries shaded by value on a color scale, with an optional legend. Key your data by ISO-3166 code (or country name) and swap it on every API call to build sales-by-country, coverage and geographic dashboards straight into an image.

A Gantt / timeline chart — horizontal bars across a shared time axis, one per task, with optional progress fills. Key each task by { label, start, end } and swap the data on every API call to build roadmap, project-status and schedule images.

A scatter / XY plot — points on shared X and Y axes, optionally sized and colored by field, with an optional trend line and a categorical legend. Key each point by { x, y } and swap the data per API call to build correlation, distribution and bubble-plot images.

Generates a scannable QR code from any string — URLs, coupon codes, Wi-Fi payloads — with configurable colors, margin and error-correction level.

Renders 1D/linear barcodes (Code 128, EAN-13, UPC-A and other bwip-js symbologies) with optional human-readable text — ideal for tickets, SKUs and shipping labels.

A filled rectangle with borders, rounding, opacity and shadows — the building block for cards, panels, badges and backgrounds.

A perfect circle with fill, border and shadow control — avatars frames, dots, badges and decorative accents.

A thin filled bar used as a divider or underline — a rectangle specialized for separators (rendered by the rect renderer).

Renders any SVG path with fill, stroke and aspect-ratio control — stars, arrows, blobs, logos and every custom vector in between.