Highlights
- Use the FalkorDB canvas web component to render the default browser canvas inside your app, not only in a browser tab.
- Feed data into the FalkorDB canvas web component and control where the default browser canvas shows up in dashboards, docs, and tools.
- Install the FalkorDB canvas web component from npm and follow the README step by step guide in the GitHub repo.
Most graph canvases end up as a browser only artifact.
You open the browser, look at the canvas, maybe take a screenshot, then you lose the thread the moment you need that view inside your own product or workflow. If you want the canvas in your app, your dashboard, your docs, or a custom UI, you hit the same wall. You can see it, but you cannot place it.
This latest FalkorDB browser release ships a web component that displays the browser canvas as a standalone embeddable component.
Here are a few situations where this lands, without forcing you into a new canvas or a new visual language.
- Product engineers who need to embed the canvas inside their own UI. Job to be done: put the graph view where users already work, not in a separate browser context.
- Platform teams who want a consistent internal surface for graph exploration. Job to be done: standardize a canvas component that other teams can drop into tools without rebuilding the view.
- Developer advocates and docs owners who need an embeddable view they control. Job to be done: show the canvas where the explanation lives, not one tab away.
Anyone building a custom workflow around the canvas. Job to be done: take the data output and render it on your terms.
If you have ever felt that familiar frustration of “the canvas looks right, but it lives in the wrong place,” this release targets that exact gap. It does not ask you to accept a different canvas. It lets you reuse the default browser canvas, just outside the browser only box it used to sit in.
Before, you could only see the canvas in the browser. Now you can get the data and render the canvas yourself, wherever you decide it belongs.
Install the package from npm, then follow the step by step guide in the
FAQ
How do I install the FalkorDB canvas web component?
Install the FalkorDB canvas web component from npm, then follow the README step by step guide in the GitHub repo.
What does the FalkorDB canvas web component change vs browser-only canvas?
The FalkorDB canvas web component lets you get the data and render the default browser canvas as a standalone embeddable component.
Who should use the FalkorDB canvas web component?
AI engineers, developers, CTOs, and LLM architects use the FalkorDB canvas web component to embed the canvas in custom UIs and internal tools.
References and citations
- FalkorDB Canvas repository and README, install steps and usage guide
https://github.com/FalkorDB/falkordb-canvas - MDN Web Docs on Web Components, background on standards and browser support expectations
https://developer.mozilla.org/en-US/docs/Web/API/Web_components - MDN Web Docs on Custom Elements, the core primitive behind a web component API surface
https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements - npm CLI docs for installing packages, relevant to installing the FalkorDB canvas web component from npm
https://docs.npmjs.com/cli/v10/commands/npm-install
