Open-source UI toolkit for entity-centric apps

Drop-in components for entity search and connection graphs.

Entity Viz Kit gives your product search by exact entity, readable evidence, a force-directed connection graph and live page highlighting, as framework-agnostic components you wire to your own data.

npm install https://entity-viz-kit.org/downloads/entity-viz-kit-0.8.2.tgz
Take the 60-second tour
LiveApollo program · 147 entities · 388 Wikidata statements · 155 with sentence evidence · 869 mentions (590 machine-tagged)Wikipedia revision 1376291553
Apollo Lunar ModuleProject GeminiNational Aeronautics and Space AdministrationUnited StatesGeorge MuellerApollo programKennedy Space CenterMoon landingProject MercuryJames E. WebbSaturn VApollo Command and Service ModuleSaturn IBJohn F. Kennedy

Loading the live graph…

Built for interfaces people can trust

Exact identity, not names

Two people called Alex Morgan stay two entities. Everything keys on opaque IDs from your system, like the Wikidata IDs above.

Evidence you can trace

Relations carry their predicate and the exact quote behind them, re-anchored when the source text changes and flagged when it cannot be.

Accessible by default

Keyboard routes for every action, a text navigator for the graph, screen-reader cues and axe checks on every surface.

Your stack, your data

A framework-free core with optional React components. No backend, telemetry or storage of its own. ESM, SSR-safe imports.

One adapter away from your data

Implement a small adapter for your search and records, and the components handle identity, request races, inspection, graph layout and evidence display.

  • Typed contracts with runtime validation of every response
  • React optional: core, graph and highlighter run without it
  • Themes, density, right-to-left and localized copy

Installation guide · Connect your backend

Explorer.tsx
import { createController } from 'entity-viz-kit/core';
import { EntityVizProvider, InspectionPanel } from 'entity-viz-kit/react';
import { ControllerGraph } from 'entity-viz-kit/react/graph';
import 'entity-viz-kit/styles.css';

// Your endpoints: search, profile, relation, evidence, source.
const controller = createController(myAdapter);

export const Explorer = () => (
  <EntityVizProvider theme="auto">
    <ControllerGraph controller={controller} snapshot={graph}
                     workerUrl="/evk-layout.worker.js" />
    <InspectionPanel controller={controller} relations={graph.pairs} />
  </EntityVizProvider>
);

Everything in the kit

Search and tags

Exact-ID entity tags, suggestions, recommendations and free text in one accessible query input.

Reading and evidence

Results with overlapping mentions, profiles, relation evidence and current-source navigation.

Connection graph

WebGL2 force-directed graph in a worker, persistent pins and a full keyboard navigator.

Live highlighter

Paint host-supplied annotations on any page without touching its DOM; survives page edits.

Workspace

Resizable desktop panes that stack into sheets on phones, with no required storage.

Presentation

Prepare privately, publish deliberately to a distance-readable audience display.

Browser extensions

Reference Chromium and Firefox sidebars over the same protocol and components.

Honest status

Entity Viz Kit is a pre-release. The status page shows every gate of the latest release exactly as the release evidence recorded it, including what has not been checked yet: real phones, screen readers and production hosts.