Document Intake & Graph Visualization

The Problem

The backend could ingest thousands of academic documents and extract relational data — but there was no usable interface. Researchers had no way to search, filter, or visualize the knowledge graph without going directly to the database.

The Process

I designed the UX with a focus on information hierarchy and progressive disclosure, then built the frontend in React and Next.js — connecting to GraphQL APIs and the OpenAlex academic data network.

The Solution

A multi-mode search interface supporting Author, Institution, and Work queries with advanced filters, paginated results, rich detail views, and a graph visualization layer.

Timeline

Key Features

• OpenAlex API — author, institution, and work search
• Search with continent and advanced filters
• Paginated results with relevance scoring
• Detail views for authors (H-Index, citations) and institutions
• Graph visualization of document relationships