DEV Community

Biki Kalita
Biki Kalita

Posted on

Building a Reusable React Knowledge Graph Component: OKVE v0.3.0

I wanted a graph component that felt native in React apps, not a one-off visualization.
So I built OKVE: a TypeScript-first knowledge graph component powered by D3.

In v0.3.0, I focused on product UX:

programmatic camera focus
built-in node search
group filtering
keyboard deselect
stats overlay
PNG export API
In this post I will break down the component API, implementation tradeoffs, and what I learned shipping it in a monorepo with a live demo.

Repo: https://github.com/Biki-dev/OKVE
npm: https://www.npmjs.com/package/@biki-dev/okve

I am looking for product-oriented feedback:

What API feels awkward?
What is missing for production usage?
What should be next: minimap, clustering, virtualization, or something else?

Top comments (0)