Skip to content

Tessera

Tessera is an AI-powered knowledge graph that turns scattered research into a connected visual map.

Code Video Cerebral Valley

Core trick

Gemini extracts entities and relationships from URLs, screenshots, and feeds, then renders them as a WebGL graph in Sigma.js.

Tags

productivityvision

Description

Tessera is an AI-powered knowledge graph that turns scattered research into a connected visual map. The problem: when you're reading articles, watching YouTube videos, scrolling through tweets, and tracking markets — your insights are siloed across dozens of tabs with no way to see how everything connects. Tessera fixes that. You feed it any content — URLs, screenshots, text, live market feeds — and Gemini AI extracts the key entities and relationships, automatically building an interactive graph that reveals connections you'd otherwise miss. The more you feed it, the smarter it gets
dezcalimese/tessera★ 01 forksTypeScriptCreated Mar 21, 2026 · last push Sep 11, 2026

README excerpt

<div align="center">
<img width="1200" alt="Tessera" src="tessera.gif" />

# Tessera

An autonomous knowledge graph agent that turns URLs, articles, tweets, and live market data into an interactive, interconnected graph.

[![Next.js](https://img.shields.io/badge/Next.js-16-black)](https://nextjs.org)
[![Gemini](https://img.shields.io/badge/Gemini-blue)](https://ai.google.dev)
[![Sigma.js](https://img.shields.io/badge/Sigma.js-WebGL-orange)](https://sigmajs.org)

</div>

## What is Tessera?

Tessera ingests content from multiple sources — URLs, screenshots, tweets, YouTube videos, and live market feeds — and uses **Gemini** to extract entities (people, companies, concepts, tickers, events, technologies) and their relationships. Everything is rendered as an interactive WebGL knowledge graph that grows as you feed it more data.

## Features

- **Multi-source ingestion** — Paste URLs, drag-and-drop images/files, upload PDFs/CSVs/text, or combine text + screenshots in a single ingestion
- **AI entity extraction** — Gemini extracts entities, relationships, summaries, and tags from any content via structured output
- **WebGL knowledge graph** — Sigma.js renders thousands of nodes with color-coded entity types and emoji icons (🏢 👤 ⚡ $ ⚙ ◆)
- **Force-directed layout** — Custom physics simulation with repulsive/attractive forces and temperature annealing
- **Live data feeds** — 6 one-click feed categories: Macro, Crypto, AI, Equities, Geopolitics, Technology — powered by Google Search

Team