visualizacao-interativa-time-slicing

What problem does it solve? Large fictional universes with hundreds of characters and locations produce unreadable, cluttered network graphs (the hairball effect) that freeze the browser and confuse the author. This Skill defines how to render the fictional universe graph in the browser while keeping it legible and performant. ## Core Features & Use Cases - Time-slicing filter: Shows only nodes and edges valid within the narrative time interval selected via a timeline slider, based on relational quadruples with [t_start, t_end] timestamps. - Semantic clustering: Groups nodes by faction, kinship, or parent location into consolidated parent nodes that expand on double-click. - Force-directed layout with color coding: Configures physics parameters (repulsion, attraction, gravity) and colors edges by relation type (green for alliances, red for hostility, dashed gray for neutral relations). - Use Case: An author writing a 200-character novel opens the universe graph, drags the timeline to chapter 5, and sees only the alliances active at that moment, with factions collapsed into single nodes at a stable 60 FPS. ## Quick Start Render the universe graph for my novel filtered to narrative time 5, clustering characters by faction and coloring edges by relation type.