# Tesseract

> Tesseract is an AI-powered visual learning assistant. It transforms standard text responses into interactive visual study documents, including flowcharts, 3D math diagrams, and structured notes — powered by a multi-agent AI architecture.

## What is Tesseract?

Tesseract is an educational technology platform that replaces plain AI text responses with rich, interactive block documents. Instead of reading walls of text, students explore information through visual components they can interact with — rotating 3D graphs, clickable flowcharts, sortable data tables, and syntax-highlighted code.

## Who is it for?

- **Students** learning STEM subjects who benefit from visual and spatial reasoning
- **Educators** building interactive lesson materials and explanations
- **Lifelong learners** who want to understand complex topics more deeply
- **Researchers** who need to explore data and processes visually

## Multi-Agent AI Architecture

Tesseract uses four specialized AI agents working in concert:

- **Router Agent**: Classifies user intent and selects the optimal response strategy
- **Planner Agent**: Decomposes complex queries into discrete visual components
- **Tool Agent**: Executes generation of charts, diagrams, 3D plots, LaTeX math, and code
- **Composer Agent**: Assembles all components into a coherent, interactive block document

## Key Features

- **Interactive Block Documents**: Responses structured as modular, explorable blocks
- **3D Mathematical Visualizations**: Surface plots, parametric curves, and vector fields rendered in real time
- **Flowcharts & Decision Trees**: Auto-layout diagrams generated via Mermaid
- **Data Visualization**: Vega-Lite and Plotly charts from natural language descriptions
- **LaTeX Math Rendering**: Full mathematical notation with KaTeX
- **Syntax-Highlighted Code**: IDE-quality highlighting for 100+ languages via Shiki
- **Structured Tables**: Sortable, filterable data tables from unstructured inputs

## Pricing

Tesseract is available via subscription. Visit https://tesseractapp.ai for current pricing and free trial information.

## Website Structure

- Homepage: https://tesseractapp.net
- Blog: https://tesseractapp.net/blog
- RSS Feed: https://tesseractapp.net/feed.xml
- Sitemap: https://tesseractapp.net/sitemap.xml
- Application: https://tesseractapp.ai
- LLMs.txt: https://tesseractapp.net/llms.txt

## Blog Posts

- [Introducing Math Videos: Watch Your Problems Come to Life](https://tesseractapp.net/blog/introducing-math-videos-watch-your-problems-come-to-life): Discover our new Math Videos feature! Watch AI-generated animations that bring complex math problems to life with step-by-step visual guides and clear narration
- [How Block Documents Improve Learning Retention](https://tesseractapp.net/blog/how-block-documents-improve-learning-retention): Discover how block documents enhance learning retention through chunking and retrieval. Learn why discrete content blocks outperform traditional essay formats.

## Frequently Asked Questions

**What types of visualizations can Tesseract create?**
Tesseract generates flowcharts, decision trees, interactive 3D surface plots, parametric curves, vector fields, Vega-Lite charts, Mermaid diagrams, LaTeX mathematical notation, and structured data tables — all as interactive blocks.

**How does the multi-agent AI architecture work?**
A Router Agent classifies intent, a Planner Agent breaks it into components, a Tool Agent generates each visual element, and a Composer Agent assembles them into a final interactive document.

**Is Tesseract suitable for STEM education?**
Yes. Tesseract is especially powerful for STEM subjects where spatial reasoning matters — it can instantly render 3D graphs for calculus, chemistry molecule structures, physics vector fields, and programming code with explanations.

**What makes Tesseract different from standard AI chatbots?**
Standard AI chatbots return plain text. Tesseract returns structured, interactive documents where each concept is a manipulable visual block — students can rotate 3D plots, step through flowchart branches, and explore data tables interactively.

## Technical Stack

- Built with Next.js 16 App Router and React 19
- Multi-agent AI pipeline for structured response generation
- 3D rendering with Three.js / React Three Fiber
- Animations powered by Framer Motion
- Fully responsive and WCAG-accessible
- Available as a web application at https://tesseractapp.ai

## Contact

- Website: https://tesseractapp.net
- Application: https://tesseractapp.ai
- Twitter/X: https://x.com/TesseractApp