Back to Home

User Guide

This guide explains what each page in the current web app is for, what it does, and what a first-time visitor should know. You do not need any technical or AI background to explore this project.

What this app is

This is a creative, exploratory web experience about meaning, symbols, AI imagination, and how ideas connect across culture, language, and perception.

What this app is not

It is not a scientific dashboard, a factual AI training tool, or a formal educational simulator. Many pages are artistic or speculative visualizations.

Best way to use it

Start at the atlas, then move through the linked pages. Treat the project like a digital exhibition: read, click, hover, drag, and listen.

Main Pages

index.html

This is the main landing page and the best place to begin. It shows a map of themed “vibe clusters” such as Cyberpunk Drift, Liminal Memory, Solarpunk Bloom, and Doom Ecology.

What it does

  • Displays a visual map of symbolic and emotional theme clusters
  • Shows links between related clusters
  • Introduces the overall idea of “semantic gravity”
  • Provides navigation to the rest of the project

What a beginner should know

  • The clusters are conceptual, not literal categories
  • The connecting lines suggest relationships, not hard facts
  • On smaller screens, the map becomes a stacked list for easier reading
Think of this page as a map of moods, symbols, and cultural atmospheres rather than a map of places.
planetary_neural_network.html

This page presents humanity as a symbolic planetary network. It acts like a hub for several AI-made interpretations of the same idea.

What it does

  • Shows a network of AI model nodes
  • Lets users open individual AI interpretation pages
  • Presents the central quote that inspired the visual responses

What a beginner should know

  • Each node opens a separate page in a new tab
  • Each AI page is a different artistic interpretation, not a tool you operate deeply
  • The page is mainly for exploration and comparison
This page is best understood as a gallery index for multiple AI-made visual responses to one shared prompt.
ancient_questions.html

This page is a readable text-based reflection on recurring human questions such as consciousness, meaning, love, death, truth, and civilization.

What it does

  • Presents a sequence of philosophical questions and responses
  • Frames human culture as a repeating symbolic system
  • Offers a slower, reading-focused part of the app

What a beginner should know

  • This page is mostly for reading, not interaction
  • The writing is reflective and interpretive, not definitive truth
  • It helps explain the themes behind the more visual pages
If the visual pages feel abstract, this page gives you the clearest plain-language philosophical context.
hyperspace_cognition.html

This page is an interactive 3D-style visualization of AI meaning space. It imagines language as points and relationships inside a very high-dimensional system.

What it does

  • Shows a moving field of points and connections
  • Displays changing “dimension” activity meters
  • Lets users hover to inspect vector-like node information
  • Includes explanatory text about AI and the geometry of meaning

What a beginner should know

  • You can drag to rotate and explore the scene
  • The visualization is symbolic and educational, not a real model inspector
  • It uses external 3D libraries, so it may feel heavier than the simpler pages
This page is one of the most interactive and conceptually dense parts of the app. It rewards slow exploration.
ai1.html

This page is another interactive 3D concept map, but it is more focused on semantic clusters like technology, nature, human, abstract, and math.

What it does

  • Displays colored concept clusters in a rotating 3D field
  • Lets users hover over points to inspect nearby concepts
  • Shows rough semantic proximity between ideas

What a beginner should know

  • Hovering reveals the most useful information
  • The labels and distances are illustrative, not exact scientific measurements
  • This page is easier to grasp than Hyperspace Cognition if you want a simpler entry point
If you want to understand “AI meaning space” in a more visual and approachable way, this is a good page to spend time with.
ai2.html

This page turns text into sound. It analyzes the words you enter, gives each token an attention-like intensity, and plays the result as a sequence or a chord.

What it does

  • Lets users enter text and process it into tokens
  • Shows each token as a visual cell with intensity bars
  • Plays the text as a timed sequence of sounds
  • Can also play the whole text as a layered chord
  • Uses pitch, volume, rhythm, timbre, panning, delay, and ambience

What a beginner should know

  • You may need to click a button before audio can play in your browser
  • The sound is a creative simulation of attention, not a real AI attention readout
  • Short texts are easier to understand at first than very long ones
  • The speed slider changes how quickly the sequence moves
This is the most sensory page in the app. It is best experienced with speakers or headphones.

About Pages

about_vibe_typology_atlas.html

This page explains the core idea behind the atlas: how moods, aesthetics, symbols, and cultural patterns can behave like a map of connected atmospheres.

Why it matters

  • Helps beginners understand what “vibe topology” means
  • Explains why unrelated objects can feel culturally close
  • Provides the clearest conceptual foundation for the home page
about-hyperspace_cognition.html

This page expands on the idea that AI meaning exists in a space far richer than what humans can directly visualize.

Why it matters

  • Explains the limits of 3D visualizations
  • Describes tokens, vectors, and relationships in simpler narrative form
  • Acts like a companion essay to the Hyperspace Cognition page

AI Interpretation Pages

Important Beginner Notes

1. This project is partly artistic

Many pages are designed to provoke thought and feeling, not to serve as literal scientific diagrams.

2. Interaction styles vary by page

Some pages are mainly for reading, some for hovering and dragging, and one is mainly for listening.

3. Audio may require user action

Browsers often block sound until you click a button, so the sound page may stay silent until you interact with it.

4. Some pages open in new tabs

The AI interpretation pages linked from the Planetary Neural Network page open separately, so you can compare them side by side.

5. Mobile layouts are simplified

On smaller screens, some maps become stacked layouts and some dense visuals may feel less spacious than on desktop.