May 22, 2026

Historical Profiles for Nuclear Site Layers

Analyzing geopolitical infrastructures requires more than raw coordinates and status flags. To provide analysts with deep contextual intelligence, a recent enhancement ( Issue #3840) in the koala73/worldmonitor repository introduces rich historical profiles for nuclear facility layers. This feature exposes operational dates, international treaties, and chronological development timelines directly within geospatial map overlays.

By integrating these profiles natively into both the 3D globe visualization and 2D flat maps, users can drill down into historical records without losing geographical context.

Data Structure Extensions

To model these timelines, we extended the core geospatial data structures. The NuclearFacility interface and NuclearSiteMarker type definitions now support a structured historicalProfile block:

export interface HistoricalProfile {
  established: string;
  treaties: string[];
  timeline: {
    year: number;
    event: string;
  }[];
}

export interface NuclearFacility {
  id: string;
  name: string;
  coordinates: [number, number];
  historicalProfile?: HistoricalProfile;
}

We then added comprehensive Manhattan Project history to the primary geo-configurations for key historical sites including Los Alamos and Oak Ridge.

Interactive Details Accordion

We embedded a custom interactive <details> accordion directly inside both 3D Globe map tooltips (GlobeMap.ts) and 2D flat map popups (MapPopup.ts). This allows dense timeline grids to remain hidden until explicitly requested by the analyst.

Smooth CSS Arrow Rotation

To replace standard browser disclosure indicators with premium micro-interactions, we added custom animations in main.css. This hides Chrome/Safari triangles and rotates our custom arrow indicator smoothly by 180deg upon opening:

/* Hide default browser disclosure triangles */
details summary::-webkit-details-marker {
  display: none;
}

/* Smooth arrow indicator rotation */
details[open] .arrow-indicator {
  transform: rotate(180deg);
}

.arrow-indicator {
  transition: transform 0.2s ease-in-out;
}

Spatial Tooltip Optimizations

Exposing timeline layers in tight popups required careful spatial refactoring. We made two critical adjustments to the UX framework:

• Tooltip Max Width Expansion: Increased standard tooltip maximum width to 300px, accommodating multi-column historical dates and descriptions without vertical text truncation or horizontal overflow.
• Dynamic Dismiss Extension: Increased the automatic tooltip hide/dismiss timer from the standard 3500ms to 5000ms when an interactive profile is active. This grants analysts ample time to hover and click the details accordion before the popup closes.

Summary of Benefits

• Context Preservation: Research timelines can be consumed inline without navigating away from the active geospatial layer.
• Dense Information Layout: Collapsible accordion design preserves the map viewport's signal-to-noise ratio.
• High-Fidelity Animations: Transition animations deliver a highly responsive, modern interface aesthetic.