KLineChartQuant is the open-source chart engine your AI agent can operate.
Ask for an indicator, a trendline or a comparison, and the agent adds it to the chart you're looking at. A-shares, global markets and crypto, running in your browser.
A daily K-line chart of Kweichow Moutai (600519) on public market data. Hover a candle for its open, high, low, close and volume.
600519Kweichow Moutai1D · GOTDX
Connecting… Showing bars to 2026-10-09 while live data connects.
Hand the chart work to your agent
Tell it what you want to see, and it adds indicators, draws lines and compares symbols on the chart.
YouMark the last close, then compare Moutai with the CSI 300.
- panes_listreadsreturns your panes
- drawing_createeditsreturns a line at the last close
- instruments_query_namereadsreturns the CSI 300
- comparison_createeditsreturns a comparison line
A replay of real chart tool calls on real 600519 and CSI 300 closes.
A chart engine that stays sharp under dense data
Candles, wicks and indicator lines are drawn to the device's pixels, and scrolling through years of history stays smooth. See how we measure it.
See the benchmarkMarket data, connected from the first load
A-shares through GOTDX, global markets through the TradingView feed, and crypto order-book depth from Binance. Bring your own source when you need another.
Embed the chart and its agent in your own product
The same engine ships as a Vue component, a React component and a Web Component. You supply the data feed and the theme.
Read the docs<script setup>
import { KlineChart } from '@363045841yyt/klinechart'
import bars from './bars.json'
</script>
<template>
<KlineChart :custom-data="bars" />
</template>import { KLineChartWC } from '@363045841yyt/klinechart-react'
export const Chart = () => <KLineChartWC style={{ height: 480 }} /><script type="module">
import '@363045841yyt/klinechart/web-component'
</script>
<kline-chart style="display:block;height:480px"></kline-chart>Open source under Apache-2.0
Read the code, fork it, and ship it in commercial products. Issues, pull requests and roadmap discussions happen in public on GitHub.
Bring your own keys and data sources
Connect your own model API key and market-data source. The workstation runs in your browser, and you can use it as a guest.
A model API key you add stays in this browser and is sent only to the provider you chose. A market-data key needs an account: it is encrypted on the Nebutra server and used only to call that provider.
Apache-2.0 · Runs in the browser · Guest access · BYOK
Open a chart and ask the agent
Free in your browser. No account needed.