Experience the live interactive topography → synaptic-dialogues.vercel.app
Synaptic Dialogues is an interactive, 3D data-humanism project that transforms quantitative data about my personal interactions with AI into a living, spatial topography. Built for the Data Humanism course, it abandons traditional charts in favour of a procedural WebGL environment that maps the behavioural shifts, emotional friction, and temporal habits of one week of AI use.
Following the Dear Data philosophy, I tracked my personal AI interactions over one week across five dimensions.
The five tracked variables:
- The Catalyst (categorical) — why I started the conversation: Blank Page Syndrome, Efficiency / Laziness, Urgency / Deadline, Curiosity / Rabbit Hole, Debugging / Stuck
- Time of Day (time / categorical) — Morning, Afternoon, Evening, Late Night
- Interaction Friction (ordinal) — a 1–5 scale (1 = instant / perfect, 5 = total hallucination / failure)
- Conversational Tone (categorical) — Commanding / Robotic, Conversational, Overly Polite, Frustrated / Aggressive
- Rabbit Hole Depth (duration) — Hit and Run, The Back-and-Forth, Deep Dive, Lost in the Sauce
The data is translated into a 3D procedural environment through this encoding dictionary:
- Node constellation (shape) → the Catalyst
- Blank Page = sparse mist · Efficiency = dense core · Urgency = vibrating burst · Curiosity = spiral galaxy · Debugging = chaotic cloud
- Aura colour (glow) → Conversational Tone
- Purple = Commanding / Robotic · Cyan = Conversational · Red = Frustrated / Aggressive · Yellow = Overly Polite
- Y-axis height → Time of Day — higher elevations are earlier in the day; lower elevations are late-night descents
- Particle vibration & sparks → Interaction Friction — friction of 4–5 makes the node violently vibrate and emit red procedural sparks
- Node scale → Rabbit Hole Depth — the longer the interaction, the more massive the constellation
- 18-second cinematic drone flight — on load, the camera autonomously traverses the "thought trail" of the data timeline
- Latent space plexus — a dynamic procedural background that reacts to the spatial positioning of the data
- Glassmorphism UI — interactive timeline scrubbing and a "Key Behavioral Insights" sidebar built with CSS backdrops
- Data-driven aurora — the background atmosphere shifts colour with the conversational tone of the active interaction
- Clone the repository:
git clone https://github.com/IIxoskeletonII/Synaptic-Dialogues.git cd Synaptic-Dialogues - Install dependencies:
npm install
- Run the development server:
npm run dev
- View the project: open the
localhostlink printed in your terminal.
Designed and engineered by Eliya Allam for Data Humanism, LUISS Guido Carli, 2026.