Knowledge Atlas

General knowledge laid out as a night sky: themes form constellations, stars are concepts, and clicking one opens a knowledge card while you roam and zoom freely.

Loading preview...
Start with this prompt

General knowledge laid out as a night sky: themes form constellations, stars are concepts, and clicking one opens a knowledge card while you roam and zoom freely.

Try Websites Agent
Build a knowledge star-map page. Against a deep dark sky, scatter a field of constellations, where each constellation stands for a broad theme of general knowledge — mathematics, physics, history, art, and more — and each star inside it is a single concept, joined to its neighbors by fine lines of light. The whole sky can be dragged to rotate and zoomed with the scroll wheel, so visitors wander through the field the way they would scan a real night sky. Clicking a star opens a knowledge card: a one-line explanation of the concept, a few related stars worth visiting next, and a slot for a link to learn more. Add a search box that jumps straight to a concept and highlights the constellation it belongs to, so the map works for looking things up as well as for wandering. Place a legend of the themes along the bottom, mapping colors to subjects at a glance. Use built-in sample data for the stars and cards. Single-file static page.
Map Programming Instead

Re-points the sky at programming: languages, frontend, backend, data, operations, and algorithms each become a constellation, with the same stars, cards, search, and legend mechanics.

Try Websites Agent
Build a knowledge star-map page. Against a deep dark sky, scatter a field of constellations, where each constellation stands for a broad theme of general knowledge — mathematics, physics, history, art, and more — and each star inside it is a single concept, joined to its neighbors by fine lines of light. The whole sky can be dragged to rotate and zoomed with the scroll wheel, so visitors wander through the field the way they would scan a real night sky. Clicking a star opens a knowledge card: a one-line explanation of the concept, a few related stars worth visiting next, and a slot for a link to learn more. Add a search box that jumps straight to a concept and highlights the constellation it belongs to, so the map works for looking things up as well as for wandering. Place a legend of the themes along the bottom, mapping colors to subjects at a glance. Use built-in sample data for the stars and cards. Single-file static page.
Add Learning Paths

Adds a learning-path mode: a glowing route connects beginner concepts to advanced ones in a recommended order, with progress recorded, so the map doubles as a guided curriculum.

Try Websites Agent
Build a knowledge star-map page. Against a deep dark sky, scatter a field of constellations, where each constellation stands for a broad theme of general knowledge — mathematics, physics, history, art, and more — and each star inside it is a single concept, joined to its neighbors by fine lines of light. The whole sky can be dragged to rotate and zoomed with the scroll wheel, so visitors wander through the field the way they would scan a real night sky. Clicking a star opens a knowledge card: a one-line explanation of the concept, a few related stars worth visiting next, and a slot for a link to learn more. Add a search box that jumps straight to a concept and highlights the constellation it belongs to, so the map works for looking things up as well as for wandering. Place a legend of the themes along the bottom, mapping colors to subjects at a glance. Use built-in sample data for the stars and cards. Single-file static page.
Add an Edit Mode

Adds an edit mode: visitors can add custom stars, name them, and connect them to existing constellations. Edits persist in local storage, so a personal sky is still there next visit.

Try Websites Agent
Build a knowledge star-map page. Against a deep dark sky, scatter a field of constellations, where each constellation stands for a broad theme of general knowledge — mathematics, physics, history, art, and more — and each star inside it is a single concept, joined to its neighbors by fine lines of light. The whole sky can be dragged to rotate and zoomed with the scroll wheel, so visitors wander through the field the way they would scan a real night sky. Clicking a star opens a knowledge card: a one-line explanation of the concept, a few related stars worth visiting next, and a slot for a link to learn more. Add a search box that jumps straight to a concept and highlights the constellation it belongs to, so the map works for looking things up as well as for wandering. Place a legend of the themes along the bottom, mapping colors to subjects at a glance. Use built-in sample data for the stars and cards. Single-file static page.