Argument visualization

Argify

An AI-powered tool that turns complex arguments into interactive Toulmin-model logic graphs.

Personal project2025

Open live site

Logic graph

Argify

Role

Designed and implemented the AI schema, graph architecture, UI node system, and rendering optimizations.

Project story

Argify transforms long-form reasoning into structured graph views with premise, warrant, conclusion, and backing nodes. It uses Gemini structured outputs, schema validation, React Flow, ELK graph layout, and strict TypeScript to keep generated logic readable and inspectable.

Impact

Enforced structured JSON outputs to avoid fragile parsing.

Implemented a complete Toulmin-model graph representation.

Added concise summaries for quick scanning and full generated views for deeper review.

Refactored to strict TypeScript with memoized graph rendering.

Stack

Next.jsTypeScriptReact FlowGemini 2.5 FlashELK.jsZustand