One chart API. Native everywhere.

High-performance, natively rendered graphs for web, iOS, and Android, designed for developers and coding agents.

Get started
yarn add @hzblj/zyplot
01

Web

ECharts renders to canvas by default, while uPlot handles dense series with tens of thousands of points. Marks and axes stay on canvas; legends remain real, selectable HTML.

02

iOS

SwiftUI and Swift Charts, exposed through an Expo module. Native rendering, native gestures, zero WebViews.

03

Android

A single Jetpack Compose Canvas renders marks, axes, and tooltips in one native view — without building a deep tree of components.

Examples

The same chart, in a whole screen

Five studies from the example app, on all three platforms.

Stocks

A quote screen that follows your finger

A headline price that tracks the scrub, a smoothed intraday line that stops where the session does, a range selector and a candlestick toggle — with native tabs and headers around all of it.

See how it is built
The stock quote example screen running on the web, on Android and on iOS, side by side

Crypto

A price trace with no axes at all

Price history that runs off both edges of the window, a dotted fill closed against the latest reading, the day's extremes underneath, and a scrub that lights the line up to the finger.

See how it is built
The crypto price example screen running on the web, on Android and on iOS, side by side

Tokens

A screen where nothing cuts

A resting wave that morphs into the window rather than a skeleton that is swapped for it, a step back that takes a beat when a finger lands, and a lit trail that holds until the rest of the trace has come back up.

See how it is built
The token price example screen running on the web, on Android and on iOS, side by side

Fitness

A bar chart wearing its own scale

Two gridlines and no more, the daily counts written inside the plot against its trailing edge rather than in a gutter beside it, and a two-finger span that totals the days it covers.

See how it is built
The steps example screen running on the web, on Android and on iOS, side by side

Markets

Chrome laid on the plot, not around it

A grid, a row of dates and a volume tape all placed off marks the chart measured and nobody drew — and a held span painted in its own direction by whoever is drawing the line.

See how it is built
The market quote example screen running on the web, on Android and on iOS, side by side