Wiki › Project

Knowledge-graph explorer

Project · app · 2026 · Key work

Graph Laboratory is the knowledge-graph explorer of the chaipat.cc research network, served at graph.chaipat.cc. It is a research workspace for exploring large system-of-systems datasets, such as automated driving, aerospace and healthcare architectures, as force-directed graphs.

Design

The README describes a "paper-first" interface built to stay readable when a graph has hundreds of sub-modules and feedback loops:

Radial discovery
exploration starts at a root and reveals the structure one level at a time, instead of drawing everything at once.
Node registry
a searchable index of every node, to jump straight to any part of the architecture.
Focus
the camera centres on the active module, so the view stays steady while a branch expands.
Perspective gallery
thumbnails of saved viewpoints, for switching between views of the same system quickly.
Toolbox
one sidebar holding resets, the gallery and the registry.

Built with

Next.js and React in TypeScript, with PostgreSQL and Redis behind it. The automated-driving domain connects it to his ADS safety-testing ontology from JAIST.

See also

In the knowledge graph

Graph explorer and the 12 things it is linked to. Open any dot for its page, or explore it in the full graph.

ask.chaipat.cc, the ask-me-anything site · work · links hereask.chaipat.ccADS safety-testing ontology · work · links hereADS ontologychaipat.cc research network · work · Contextchaipat.cc networkPostgreSQL · skill · Built withPostgreSQLTypeScript · skill · Built withTypeScriptReact · skill · Built withReactKnowledge graphs · skill · Built withKnowledge graphsNext.js · skill · Built withNext.jsRedis · skill · Built withRedisForce-directed layout · technique · ImplementsForce-directed la…Web applications · theme · ThemesWeb applicationsOntology and knowledge graphs · theme · ThemesOntology and know… Graphexplorer
12 linked in the graph: 3 works6 skills1 technique2 themes
When
2023202420252026
Apr 2026 · 18 commits

As data

Everything on this page is read from triples in the knowledge graph. These are the 28 it states about Graph explorer, and 4 more its ontology implies; the console runs SPARQL over the whole graph, here in your browser.

Download
@prefix id: <https://ask.chaipat.cc/id/> .
@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> .
@prefix cj: <https://ask.chaipat.cc/ns#> .
@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#> .
@prefix skos: <http://www.w3.org/2004/02/skos/core#> .
@prefix xsd: <http://www.w3.org/2001/XMLSchema#> .

id:GraphExplorer
    a cj:Project ;
    rdfs:label "Knowledge-graph explorer" ;
    cj:shortLabel "Graph explorer" ;
    skos:altLabel "Graph Laboratory" ;
    cj:context id:ChaipatCC ;
    cj:uses id:KnowledgeGraphs ,
            id:TypeScript ,
            id:NextJS ,
            id:React ,
            id:PostgreSQL ,
            id:Redis ;
    cj:url "https://graph.chaipat.cc"^^xsd:anyURI ;
    cj:liveUrl "https://graph.chaipat.cc"^^xsd:anyURI ;
    cj:description "Graph Laboratory: a research workspace for exploring large system-of-systems datasets as force-directed graphs, built with Next.js, Postgres and Redis." ;
    cj:featured true ;
    cj:repository "https://github.com/AppleBoiy/graph.chaipat.cc"^^xsd:anyURI ;
    cj:firstCommit "2026-04-21"^^xsd:date ;
    cj:lastCommit "2026-04-27"^^xsd:date ;
    cj:commitCount 18 ;
    cj:kind "app" ;
    cj:theme id:ThemeOntology , id:ThemeWeb ;
    cj:tier 1 ;
    cj:keyRank 6 ;
    cj:implements id:ForceDirectedLayout ;
    cj:article "https://ask.chaipat.cc/wiki/GraphExplorer"^^xsd:anyURI ;
    cj:activeIn id:Y2026 ;
    cj:activity _:b71 .
Works 2
ADS ontologyask.chaipat.cc