Back to browse
Vectree – Learn complex concepts through AI-generated interactive SVGs

Vectree – Learn complex concepts through AI-generated interactive SVGs

by functional_dev·Mar 25, 2026·2 points·3 comments

AI Analysis

●●SolidEye CandySolve My Problem

AI-generated SVG maps let you click through concepts like a visual Wikipedia.

Strengths
  • Clickable SVG nodes enable drill-down navigation into sub-concepts automatically.
  • Bring-your-own-key model keeps private concept generation costs on the user.
  • Pre-built learning paths cover diverse topics from cryptography to economics.
Weaknesses
  • LLM-generated diagrams risk hallucinations in technical accuracy without verification.
  • Crowded AI tutor market makes standing out difficult long-term.
Category
Target Audience

Students, lifelong learners, visual thinkers

Similar To

Khan Academy · Obsidian Canvas · Miro

Post Description

Hi HN,

I launched Vectree about 3 weeks ago as an after work side project. It's basically a "visual Wikipedia" where you explore concepts through interactive, zoomable SVGs.

Link: https://vectree.io

Why I built it: Whenever I encountered a new complex concept, I just wanted a quick visual way to understand the basics. I started manually prompting LLMs to explain things to me by generating SVG schematics. It became so useful for me that I decided to automate the process and turn it into a web app.

How it works: You can browse the public graph of concepts totally for free. You click on different parts of an SVG diagram (nodes) to drill down into sub-concepts.

Bring Your Own Key (Private Lab): While browsing is free, I highly encourage creating an account and plugging in your own paid Gemini API key. This unlocks a "Private Lab" where you can: - Architect your own private concepts from scratch - Regenerate existing concepts (most concepts I generated with "flash" Gemini model) - Publish your private concepts to the public graph if you want to share them

Tech Stack: I used Elixir about 5 or 6 years ago. I kept hearing about how good its new AI/ML ecosystem is getting, so I used this project as an excuse to jump back in. - Backend: Elixir / Phoenix LiveView - Local AI: Bumblebee + Nx (running local embedding and toxicity models) - Cloud AI: Google Gemini (for generating the actual SVG structures and JSON) - DB: PostgreSQL + pgvector for semantic search

It's been a really fun experiment. I'd love for you to try it out and let me know what you think!

Similar Projects

AI/ML●●●Banger

AI Jam Sessions – MCP server that teaches AI to practice piano

Teaches LLMs to play piano by giving them ears, eyes, and persistent practice journals.

Zero to OneWizardryBig Brain
mikeyfrilot
103mo ago