Not public yet. Join early access
The charting library behind Altrady Charts
Superchart is the chart engine running below. It drops into any app that gives it a DOM element, whether you use React, Vue, Angular, Svelte or plain JavaScript. We're preparing the public release and want to hear from developers who would build on it.
A chart is one constructor call
Give Superchart a DOM element and a data loader for your own market data. There's no framework wrapper to learn: the same call works in React, Vue, Angular, Svelte, Solid or plain TypeScript.
A preview of the API. The package isn't on npm yet; early access is how you hear when it is.
import { Superchart, createDataLoader } from '@coinrayio/superchart'
import '@coinrayio/superchart/styles'
const chart = new Superchart({
container: 'chart',
symbol: { ticker: 'BTCUSDT', pricePrecision: 2, volumePrecision: 0 },
period: { type: 'hour', span: 1, text: '1H' },
dataLoader: createDataLoader(myDatafeed),
theme: 'dark',
})What your users get on the chart
Recorded on Altrady Charts, which runs on Superchart.
25+ drawing tools
Trendlines, rays, channels, the Fibonacci family, harmonic patterns, Gann boxes, annotations, and order, trade and price lines.
Bar replay
Play history back bar by bar with speed, step and restart controls. Useful for training tools and for reviewing a strategy after the fact.
Your indicators and your users' scripts
Compute indicators on your own backend through an indicator provider, and let users write, run and edit their own code through a script provider. Altrady Charts plugs its script editor in through that interface.
- Five chart types
- Candlesticks, bars, line, area and Heikin-Ashi.
- Your market data
- Connect any exchange, broker or internal feed through a data loader you write once.
- State that persists
- Drawings, indicators, styles and layouts save through a storage adapter: the bundled browser or HTTP one, or your own. Edits from one user on two devices are merged.
- Feature flags
- Switch the drawing bar, right-click menu, screenshot button and other chrome on or off per chart, even at runtime.
- Ten languages
- Ten locales are built in, and you can load more.
Two editions, one library
Both have exactly the same features. What differs is the licence and the branding on the chart.
Community
MIT licence
Free, including in commercial products.
- The full chart engine
- A subtle Superchart mark on the chart
Enterprise
Commercial licence
Everything in Community, with the branding under your control.
- Configure or remove the Superchart mark
- Tick the Enterprise option in the form so we know you need it
Neither edition is released yet. The npm package and the public documentation are still being prepared, and what you tell us helps decide what we finish before launch.
Ask about EnterpriseGet early access
Leave your email and we'll write when Superchart is ready to install. Evaluating it for a company, or need your own branding? Say so below.
You're on the list.
We'll email you when Superchart is ready to install.
Questions developers ask
-
The Community edition is MIT licensed, so you can use it for free, also in commercial products. It shows a subtle Superchart mark on the chart. The Enterprise edition adds a commercial licence that lets you configure or remove that branding.
-
Not yet. The npm package and the public documentation haven't been released. Join early access and we'll email you when they are.
-
Any framework that gives you a DOM element. You create the chart with new Superchart({ container, ... }), and React, Vue, Angular, Svelte, Solid and plain JavaScript or TypeScript all work the same way. You never write framework code against the library.
-
From you. You connect your own datafeed through a data loader, so the chart works with any exchange, broker or internal data source.
-
Yes. Altrady Charts runs on Superchart, so you can try the drawing tools, indicators and layouts there on live crypto markets before you write any code.