How to integrate a self-draw chart

[WaiSiuKei]

I’ve reverse-engineered a Rust version of the TradingView's charting library here(waisiukei.github.io/chartles-rs-demo). It’s based on an independent Wgpu/GL context for custom rendering. Is there a way to integrate it with gpui-component?

[pratikrath126]

Hey! For integrating a custom Wgpu/GL chart into gpui-component, you have a couple of options:

1. Use gpui's Canvas element: GPUI provides a that you can draw on using Wgpu. If your chart library can render to a Wgpu texture or you can adapt it to draw via Wgpu commands, you can create a custom that owns a and hooks into its Render CLI v2.10
   Welcome! Use the Render CLI to manage your services, datastores, and
   environments directly from the command line. Trigger deploys, view logs,
   start psql/SSH sessions, and more.

The CLI's default interactive mode provides intuitive, menu-based navigation.

To use in non-interactive mode (such as in a script), you can set each command's --output
option to either json or yaml for structured responses. We'll also detect if stdout
is not a TTY and automatically switch to json output.

Usage:
render [command]

Core
deploys Manage service deploys
jobs Manage one-off jobs
logs View logs for services and datastores
restart Restart a service
services Manage services and datastores
workspaces List workspaces

Auth
login Login to Render using the dashboard
whoami Display information about the current user
workspace Manage the CLI's active workspace

Session
kv-cli Open a redis-cli or valkey-cli session to a Key Value instance
pgcli Open a pgcli session to a PostgreSQL database
psql Open a psql session to a PostgreSQL database
ssh SSH into a service instance

Management
blueprints Manage blueprints
environments List environments
projects List projects

Additional Commands:
docs Open the Render docs in your browser
ea Early access commands
help Help about any command
skills Manage Render agent skills for AI coding tools

Flags:
--confirm set to skip confirmation prompts
-h, --help help for render
-o, --output string interactive, json, yaml, or text (auto: text in non-TTY contexts) (default "interactive")
-v, --version version for render

Use "render [command] --help" for more information about a command. method. Look at and implement . You'll need to handle resizing and redraws.

2. Render to an offscreen texture: Run your chart rendering in a separate thread or on a shared Wgpu device, produce a texture, and then display that texture in a gpui or custom . You can use and map it to a . This keeps the chart logic separate.
3. Embed via WebView (if gpui-component supports it): If you're targeting web or have a webview integration, you could render the chart to an HTML canvas via wasm (using and ) and embed that as a WebView in gpui. That might be easier if your chart library already works in browser.
   Check the gpui-component docs for usage—there's likely an example of custom rendering. The key is to bridge your Wgpu context with the gpui's render loop. Hope that gives you a direction!

[sueun-dev]

Short answer: direct embedding of an independent Wgpu/GL render context inside GPUI component layout is not currently a first-class path.

Practical options:

1. Use GPUI canvas(...) and render in GPUI's pipeline (best integration with layout/input/theming).
2. If your chart engine is already web/GL-based, use the webview crate path (with the known tradeoff that it is an overlaid native view).
3. Put the chart in a separate window if you need full control of an external graphics context.

If your renderer can output frames/textures, a bridge-to-canvas/image approach is usually the cleanest way to stay inside one UI tree.