Scribblings of a Seeker 
The Stellar Digital Garden: Mapping Knowledge as Cosmic Objects
I have always been drawn to the night sky. There’s something humbling about looking up at cosmic objects that have burned for billions of years, watching light that left its source before humans existed. When I started building this digital garden scribblings-of-a-seeker, I knew I wanted to capture that same sense of vastness and interconnectedness. A traditional list of blog posts felt too linear, too chronological. Knowledge doesn’t work that way in my head; it exists as constellations, clusters, gravitational pulls between related ideas.
The stellar metaphor emerged naturally from this intuition. If my digital garden was going to have a 3D visualization on the homepage, why not make the posts actual stars? But stars aren’t static objects, they have lifecycles. And so does content.
From Obsidian’s Graph to Cosmic Space
Before building this site, I spent countless hours in Obsidian, mesmerized by its graph view. Watching my notes connect into emergent structures felt like witnessing thought itself taking shape. But Obsidian’s graph is two-dimensional by default, and there’s something about the third dimension that changes how you perceive relationships. Depth implies hierarchy, distance suggests relevance, and the ability to rotate around a cluster reveals connections invisible from a single angle.
I wanted to bring that same sensation to the web, but elevated. Instead of abstract nodes and edges, visitors would navigate a starfield. Each piece of content would glow with a visual signature indicating its maturity and importance. The homepage would become an explorable cosmos rather than a static index.
The Stellar Lifecycle as Content Taxonomy
Astronomers classify stars by their lifecycle stages: protostars forming from nebulae, main-sequence stars in stable hydrogen burning, red giants expanding as they exhaust their fuel, and the incredible density of neutron stars after supernova collapse. Each stage has distinct visual and physical properties. It struck me that content follows remarkably similar patterns.
Protostar: Work in Progress
Protostars are embryonic stars, still gathering mass from their parent molecular cloud. They glow with irregular, flickering light as they contract and heat up. In my garden, these are the early drafts, the half-formed ideas, the notes that might become something larger or might fade back into the nebula.
Posts marked protostar appear small on the graph, 6-10 pixels, with a blue-white tint and an irregular pulsing animation. They’re visually subtle because they’re not ready to dominate attention. But they’re present, visible, part of the constellation. This visibility matters; sharing incomplete work invites feedback and evolution.
Main-Sequence: Published and Stable
Most stars spend the majority of their lives as main-sequence stars, fusing hydrogen into helium in a stable equilibrium. They’re the dependable workhorses of the galaxy. This became the default state for published posts, content that has reached a stable form but hasn’t yet proven itself as particularly significant.
Main-sequence posts render at 8-15 pixels with a gentle twinkling effect. They populate the bulk of the graph, forming the structural backdrop against which more dramatic stellar objects stand out. Photos in my collection also appear as main-sequence stars; visual memories that anchor the knowledge space in lived experience.
Red Giant: Featured and Important
When a star exhausts its core hydrogen, it begins burning hydrogen in a shell around the core. The outer layers expand dramatically, cooling and reddening. A red giant can be tens or hundreds of times larger than its main-sequence precursor, despite containing the same mass. It’s impossible to ignore.
This post carries the red-giant status because it explains a core concept of the site. Other red giants might include pillar posts, comprehensive guides, or ideas that have proven their value through repeated reference and linking. At 20-30 pixels with a warm orange-red glow, they act as gravitational centers, drawing visitors toward essential content.
Neutron Star: Dense Reference Material
After a massive star goes supernova, what remains can be a neutron star: an object with the mass of the sun compressed into a sphere only kilometers across. These are some of the densest objects in the universe, spinning rapidly, emitting intense beams of radiation.
In my taxonomy, neutron stars are reference content: glossaries, technical specifications, foundational definitions. They’re small on the graph, 4-6 pixels, but pulse with rapid, intense energy. They don’t need to be large because they’re not destination content; they’re waypoints, consulted briefly before the visitor continues to more expansive material.
The Galactic Center: Identity as Gravity
At the center of the stellar graph sits a fixed black hole, representing my author profile. It doesn’t move because identity anchors everything else. The accretion disk glows with activity, ideas being pulled in, processed, transformed. It links to the about page, the one constant in an evolving cosmos.
There’s something deeply satisfying about this metaphor. A black hole isn’t just an absence; it’s the most gravitationally significant object in its region. It shapes the orbits of everything around it without directly interacting with most of what passes nearby. So too does the author’s perspective organize a digital garden, even when individual posts stand alone.
Technical Implementation
Building this visualization required bridging astronomical metaphor with web technology. I used 3d-force-graph, a Three.js-based library that handles the physics simulation of nodes in 3D space. Each post becomes a node, and wiki-links between posts become edges that pull related content together.
The stellar rendering is custom. Each status type has its own renderer module that extends a base star class. The protostar renderer manages irregular pulse timing using Perlin noise. The red-giant renderer handles the expanded glow effect with multiple overlapping sprites. The neutron-star renderer cycles through emission states rapidly.
status: z .enum(["protostar", "main-sequence", "red-giant", "neutron-star"]) .optional(),The schema definition in Astro’s content collections ensures type safety while allowing flexibility. Posts without a status default to main-sequence, maintaining backward compatibility while encouraging intentional classification.
Performance was a concern with hundreds of potential nodes. Three.js instancing helps, as does level-of-detail rendering: distant stars simplify to basic sprites, while nearby ones show full detail. The force simulation runs at a fixed timestep, decoupled from frame rate, ensuring consistent physics across devices.
Why Visual Metaphors Matter
I could have built a conventional blog with categories and tags. It would have been faster, simpler, more familiar to visitors. But familiar doesn’t mean effective, and simple doesn’t mean shallow.
Visual metaphors shape how we think about abstract concepts. When your knowledge base is a folder hierarchy, you think in terms of containment and exclusivity. When it’s a graph, you think in terms of connections and proximity. When it’s a cosmos with stellar lifecycles, you start thinking in terms of evolution, energy, and gravitational influence.
A protostar post doesn’t feel unfinished; it feels nascent, full of potential energy waiting to ignite. A red giant doesn’t feel overlong; it feels generous, expansive, radiating warmth across the knowledge space. The metaphor doesn’t just organize the content; it changes my relationship to the act of writing and publishing.
Living Constellations
The graph on my homepage isn’t static. As I add posts, the force simulation rebalances. Clusters emerge organically around topics I write about frequently. Bridge posts connect distant regions. The overall shape reflects my intellectual preoccupations over time.
This is what I love about the stellar garden metaphor: it embraces change. Stars are born, live, die, and transform. Some posts will collapse from red giants into neutron stars as they age and become reference material. Others might accrete enough mass to ignite from protostars into blazing main-sequence features. The garden breathes.
When visitors explore the graph, they’re not just browsing a website. They’re navigating a thought-space that represents years of learning, building, and connecting ideas. Each star they click illuminates a corner of my mind. And perhaps, in seeing how I organize my knowledge, they’ll find inspiration for mapping their own cosmos.
After all, we’re all made of starstuff. Our ideas might as well be too.