https://tradecanvas.dev/blog/ How trading charts are built: the big products, read from their public docs, and the problems met building TradeCanvas. en Mon, 09 Nov 2026 00:00:00 GMT https://tradecanvas.dev/blog/a-chart-library-your-coding-agent-can-use/ https://tradecanvas.dev/blog/a-chart-library-your-coding-agent-can-use/ Coding agents forget a library's API, can't see the chart they draw, and learn by running and fixing. How TradeCanvas (@tradecanvas/chart, MIT) is built for them: an MCP server that looks names up and checks options, an agent skill, types that reject a misspelt input, and evals that measure 24 real tasks with and without the skill. Mon, 09 Nov 2026 00:00:00 GMT https://tradecanvas.dev/blog/a-live-candlestick-chart-in-react/ https://tradecanvas.dev/blog/a-live-candlestick-chart-in-react/ How to put a real-time candlestick chart with volume and an RSI pane in a React app with TradeCanvas (@tradecanvas/react, MIT): a built-in exchange feed in one line, your own candle stream as a DataFeed, or raw trades turned into bars, without resetting the view on every tick. Next.js included. Mon, 09 Nov 2026 00:00:00 GMT https://tradecanvas.dev/blog/indicators-and-drawing-tools-in-a-javascript-chart/ https://tradecanvas.dev/blog/indicators-and-drawing-tools-in-a-javascript-chart/ RSI, MACD and Bollinger Bands, trend lines and Fibonacci retracements on a web trading chart with TradeCanvas (@tradecanvas/chart, MIT): add them in code or let users draw them, read their values, stack an indicator on another, write your own, and save it all with the layout. Mon, 09 Nov 2026 00:00:00 GMT https://tradecanvas.dev/blog/a-complete-trading-chart-ui-in-one-component/ https://tradecanvas.dev/blog/a-complete-trading-chart-ui-in-one-component/ Yes: ChartWidget from the MIT-licensed @tradecanvas/chart is a whole trading chart interface (toolbar, symbol search over your own list, timeframes, indicators dialog, drawing tools, alerts, watchlists, replay, orders) that you mount in your own page with one constructor and feed your own bars. You switch off the parts you don't want, add buttons of your own, and restyle it with tokens. Sun, 08 Nov 2026 00:00:00 GMT https://tradecanvas.dev/blog/a-self-hosted-trading-chart-with-no-attribution/ https://tradecanvas.dev/blog/a-self-hosted-trading-chart-with-no-attribution/ TradeCanvas is a financial chart for brokerage web platforms that is MIT licensed, free for commercial use and installed from npm into your own bundle. It draws no vendor logo, link or credit, needs no key and makes no network request except to the feed, order adapter and URLs you give it. Sun, 08 Nov 2026 00:00:00 GMT https://tradecanvas.dev/blog/bar-replay-and-paper-trading-in-the-browser/ https://tradecanvas.dev/blog/bar-replay-and-paper-trading-in-the-browser/ TradeCanvas (@tradecanvas/chart, MIT) replays a past session bar by bar in the browser and lets you paper trade during it: connect a PaperExecutionAdapter and orders fill as the replayed price reaches them, with the fills stamped on the replayed bars. ChartWidget has the replay controls built in, and the headless Chart exposes replayStart, replaySeekToBar, replaySeekToTime and replayStop. Sun, 08 Nov 2026 00:00:00 GMT https://tradecanvas.dev/blog/ten-minutes-on-a-busy-feed/ https://tradecanvas.dev/blog/ten-minutes-on-a-busy-feed/ We left the TradeCanvas widget on a million bars with 30,000 trades a second and read its memory every 30 seconds. Memory held flat. The frame rate did not, and the cause was a time axis looking at a million timestamps on every frame. Tue, 03 Nov 2026 00:00:00 GMT https://tradecanvas.dev/blog/adding-webgl-to-a-canvas-2d-chart/ https://tradecanvas.dev/blog/adding-webgl-to-a-canvas-2d-chart/ What we measured while giving TradeCanvas a WebGL renderer. A blend per canvas every frame, a stencil buffer nobody used, 19,200 rectangles, float32 rounding and a browser that quietly drops the sixteenth context. Mon, 02 Nov 2026 00:00:00 GMT https://tradecanvas.dev/blog/ichimoku-cloud-ahead-of-the-price/ https://tradecanvas.dev/blog/ichimoku-cloud-ahead-of-the-price/ Ichimoku plots its cloud 26 bars ahead of the price, where a chart has no bars, no times and no values. For a while TradeCanvas drew it under the price instead. What it took to put it where it belongs. Mon, 02 Nov 2026 00:00:00 GMT https://tradecanvas.dev/blog/price-tags-that-never-cover-each-other/ https://tradecanvas.dev/blog/price-tags-that-never-cover-each-other/ A trading chart puts a dozen tags on its price axis, and the interesting ones sit at the same price. How TradeCanvas lays them out so each stays readable, and the bugs that taught us where else they collide. Mon, 02 Nov 2026 00:00:00 GMT https://tradecanvas.dev/blog/three-ways-to-build-a-trading-chart/ https://tradecanvas.dev/blog/three-ways-to-build-a-trading-chart/ An open-source canvas library, a trading platform with its own language, and an SVG charting suite. What each one gives you, what it leaves to you, and the ideas worth borrowing, read from their public documentation. Mon, 02 Nov 2026 00:00:00 GMT