energy-visualization-sankey 1.0.0

package/dist/services/AnimationService.d.ts

@@ -0,0 +1,229 @@
+import * as d3 from 'd3';
+import { GraphData, SankeyOptions } from '@/types';
+import { EventBus } from '@/core/events/EventBus';
+import { SummaryService } from '@/services/calculation/SummaryService';
+import { GraphService } from '@/services/calculation/GraphService';
+import { Logger } from "@/utils/Logger";
+import { DataService } from "@/services/data/DataService";
+import { ConfigurationService } from "@/services/ConfigurationService";
+type D3SVGSelection = d3.Selection<SVGSVGElement, unknown, HTMLElement, any>;
+type D3DivSelection = d3.Selection<HTMLDivElement, unknown, HTMLElement, any>;
+export interface GraphNest {
+    strokes: {
+        [year: number]: {
+            [fuel: string]: {
+                [sector: string]: number;
+            };
+        };
+    };
+    tops: {
+        [year: number]: {
+            [fuel: string]: number;
+        };
+    };
+    heights: {
+        [year: number]: {
+            [sector: string]: number;
+        };
+    };
+    waste: {
+        [year: number]: {
+            [sector: string]: number;
+        };
+    };
+}
+/**
+ * Animation Control Service - Advanced Timeline Management & Smooth Transitions
+ *
+ * ARCHITECTURAL RESPONSIBILITY: Temporal Visualization Control & User Interaction
+ *
+ * This service implements sophisticated animation control patterns for temporal energy
+ * visualizations, managing smooth year-to-year transitions, timeline navigation,
+ * milestone events, and user interaction with historical energy data.
+ *
+ * TEMPORAL VISUALIZATION PATTERNS:
+ * 1. **Timeline Navigation**: Seamless movement through 200+ years of energy history
+ * 2. **State Management**: Centralized animation state with event-driven updates
+ * 3. **Smooth Transitions**: D3.js-powered animations with configurable timing
+ * 4. **Milestone Integration**: Interactive historical event markers and dialogs
+ * 5. **User Controls**: Play/pause/seek controls with keyboard accessibility
+ * 6. **Loop Management**: Configurable animation looping for presentations
+ *
+ * ANIMATION ARCHITECTURE:
+ * - **Timeline State**: Current year, animation status, timing controls
+ * - **Transition Management**: Smooth interpolation between energy data years
+ * - **Interactive Controls**: Slider, buttons, and keyboard input handling
+ * - **Milestone System**: Historical event markers with contextual information
+ * - **Performance Optimization**: Efficient DOM updates and animation scheduling
+ *
+ * USER INTERACTION DESIGN:
+ * - Intuitive timeline slider with year selection
+ * - Responsive play/pause controls
+ * - Keyboard navigation (arrow keys, space bar)
+ * - Milestone hover/click interactions
+ * - Configurable playback speed controls
+ *
+ * EVENT-DRIVEN INTEGRATION:
+ * Communicates with other services via event bus for coordinated visual updates,
+ * ensuring synchronized animation across all visualization components.
+ */
+export declare class AnimationService {
+    private configService;
+    private summaryCalculationService;
+    private graphCalculationService;
+    private dataService;
+    private options;
+    private eventBus;
+    private logger;
+    private state;
+    private svg;
+    private tooltip;
+    private graphs;
+    private graphNest;
+    private sliderWidth;
+    constructor(configService: ConfigurationService, summaryCalculationService: SummaryService, graphCalculationService: GraphService, dataService: DataService, options: SankeyOptions, eventBus: EventBus, logger: Logger);
+    /**
+     * Receives pre-built data structures and sets up animation system
+     */
+    setupAnimation(graphs: GraphData[], graphNest: GraphNest, svg: D3SVGSelection, tooltip: D3DivSelection): void;
+    /**
+     * Sets up slider, year labels, tick marks, and milestone interactions
+     */
+    private setupTimelineControls;
+    /**
+     * Creates milestone markers and dialog interactions
+     */
+    private setupMilestones;
+    /**
+     * Handles milestone dot clicks and dialog positioning
+     */
+    private setupMilestoneDialogs;
+    /**
+     * Creates dialog element with same styling and behavior
+     */
+    private createMilestoneDialog;
+    /**
+     * Set up play/pause button controls
+     */
+    private setupPlayControls;
+    /**
+     * Set up year display element
+     */
+    private setupYearDisplay;
+    /**
+     * Set Year - Programmatic Timeline Navigation with Coordinated Updates
+     *
+     * NAVIGATION RESPONSIBILITY: Move visualization to specific year with system-wide coordination
+     *
+     * This method implements the core temporal navigation functionality, orchestrating
+     * synchronized updates across all visualization components when changing years.
+     * Essential for both user interaction (slider) and programmatic control (API).
+     *
+     * COORDINATED UPDATE SEQUENCE:
+     * 1. **State Validation**: Verify target year exists in available data
+     * 2. **State Update**: Update internal animation state to new year
+     * 3. **UI Synchronization**: Update slider position to reflect state
+     * 4. **Visualization Update**: Trigger complex chart transition animations
+     * 5. **Visual Indicators**: Update timeline position indicators
+     * 6. **Display Update**: Update year text display elements
+     * 7. **Event Broadcasting**: Notify other services of year change
+     *
+     * ANIMATION INTEGRATION:
+     * Seamlessly integrates with animation playback - can be called during
+     * active animation for smooth seeking or by user interaction for direct navigation.
+     *
+     * PERFORMANCE CONSIDERATIONS:
+     * Efficiently updates only necessary DOM elements and triggers minimal
+     * re-calculations by leveraging pre-computed mathematical data structures.
+     */
+    setYear(year: number): void;
+    /**
+     * Handles the complex animation transitions between years
+     */
+    private animatePeriod;
+    /**
+     * Updates the position and content of the year indicator above the slider
+     */
+    private updateSliderIndicator;
+    private calculateIndicatorPosition;
+    private applyIndicatorPosition;
+    private updateYearDisplay;
+    /**
+     * Start Animation Playback - Temporal Visualization Timeline Control
+     *
+     * PLAYBACK RESPONSIBILITY: Initiate automated year-by-year progression through energy data
+     *
+     * This method starts the animation loop that automatically advances through years
+     * of energy data, creating a cinematic progression through US energy history.
+     * Essential for presentation mode and automated demonstration of energy trends.
+     *
+     * ANIMATION LIFECYCLE MANAGEMENT:
+     * 1. **Guard Clause**: Prevent multiple simultaneous animations
+     * 2. **State Update**: Set animation flag for system-wide coordination
+     * 3. **UI Update**: Change play button to pause state for user feedback
+     * 4. **Timer Initialization**: Start interval-based animation loop
+     * 5. **Event Broadcasting**: Notify other services animation has started
+     *
+     * TIMING MECHANISM:
+     * Uses JavaScript setInterval() for consistent frame timing at configured speed.
+     * Timer interval determined by this.state.speed (milliseconds between years).
+     * Each timer tick calls nextFrame() for year progression logic.
+     *
+     * USER INTERACTION INTEGRATION:
+     * Updates visual play button state to indicate animation status,
+     * providing immediate visual feedback for user understanding.
+     */
+    play(): void;
+    /**
+     * Pause Animation Playback - Temporal Visualization Control
+     *
+     * PAUSE RESPONSIBILITY: Stop automated timeline progression while preserving current position
+     *
+     * This method halts the animation loop while maintaining the current year position,
+     * enabling users to pause for detailed examination of specific time periods.
+     * Critical for interactive exploration and presentation control.
+     *
+     * PAUSE LIFECYCLE MANAGEMENT:
+     * 1. **Guard Clause**: Ensure animation is actually running before stopping
+     * 2. **State Update**: Clear animation flag for system coordination
+     * 3. **UI Update**: Restore play button state for user interface consistency
+     * 4. **Timer Cleanup**: Properly clear interval timer to prevent memory leaks
+     * 5. **Event Broadcasting**: Notify other services animation has stopped
+     *
+     * RESOURCE MANAGEMENT:
+     * Properly clears JavaScript interval timer to prevent continued execution
+     * and potential memory leaks during long-running visualization sessions.
+     */
+    pause(): void;
+    /**
+     * Move to next frame in animation
+     * Stop at end instead of looping
+     */
+    private nextFrame;
+    /**
+     * Set animation speed AnimationService.setSpeed()
+     */
+    setSpeed(speed: number): void;
+    /**
+     * Check if animation is currently playing
+     */
+    isPlaying(): boolean;
+    /**
+     * Get current year
+     */
+    getCurrentYear(): number;
+    /**
+     * Move to next year
+     */
+    nextYear(): void;
+    /**
+     * Move to previous year
+     */
+    previousYear(): void;
+    /**
+     * Clean up animation resources
+     */
+    cleanup(): void;
+}
+export {};
+//# sourceMappingURL=AnimationService.d.ts.map

package/dist/services/AnimationService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationService.d.ts","sourceRoot":"","sources":["../../src/services/AnimationService.ts"],"names":[],"mappings":"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"}

package/dist/services/ConfigurationService.d.ts

@@ -0,0 +1,173 @@
+import type { SankeyOptions } from '@/types';
+import { EventBus } from "@/core/events/EventBus";
+import { Logger } from "@/utils/Logger";
+/**
+ * Fuel configuration interface
+ */
+export interface FuelConfig {
+    readonly fuel: string;
+    readonly name: string;
+    readonly color: string;
+}
+/**
+ * Sector/Box configuration interface
+ */
+export interface BoxConfig {
+    readonly box: string;
+    readonly name: string;
+    readonly color: string;
+}
+/**
+ * Configuration Service - Mathematical Constants & Visual Parameters
+ *
+ * ARCHITECTURAL RESPONSIBILITY: Central Mathematical Constants Repository
+ *
+ * This service provides all the mathematical constants, visual parameters, and scaling factors
+ * that determine the precise positioning, sizing, and styling of the energy visualization.
+ * Every coordinate calculation, energy-to-pixel conversion, and visual spacing depends on
+ * these carefully calibrated values.
+ *
+ * MATHEMATICAL SIGNIFICANCE OF CONSTANTS:
+ * Each constant has been precisely calculated to ensure:
+ * - Accurate proportional representation of energy values
+ * - Optimal visual clarity and readability
+ * - Smooth animation transitions between years
+ * - Responsive behavior across different screen sizes
+ * - Perfect alignment between flows and boxes
+ *
+ * COORDINATE SYSTEM ARCHITECTURE:
+ * The visualization uses a custom coordinate system where:
+ * - Origin (0,0) is at top-left of container
+ * - X increases rightward (fuel boxes → sector boxes)
+ * - Y increases downward (stacked vertically)
+ * - All measurements in pixels for precise SVG positioning
+ */
+export declare class ConfigurationService {
+    private container;
+    options: SankeyOptions;
+    private eventBus;
+    private logger;
+    hasHeatData: boolean;
+    readonly HEIGHT = 620;
+    readonly BOX_WIDTH: number;
+    readonly BOX_HEIGHT = 30;
+    readonly LEFT_X = 10;
+    readonly TOP_Y = 100;
+    readonly SCALE = 0.02;
+    readonly ELEC_BOX_X: 300;
+    readonly ELEC_BOX_Y: 120;
+    readonly HEAT_BOX_X: 750;
+    readonly HEAT_BOX_Y: 200;
+    readonly LEFT_GAP: number;
+    readonly RIGHT_GAP: number;
+    readonly SPEED: number;
+    readonly BLEED = 0.5;
+    readonly SR3: number;
+    readonly HSR3: number;
+    readonly PATH_GAP: number;
+    readonly ELEC_GAP = 19;
+    readonly FUELS: readonly FuelConfig[];
+    readonly BOXES: readonly BoxConfig[];
+    readonly BOXES_DEFAULT_FLOW_PATHS_ORDER: {
+        elec: number;
+        res: number;
+        ag: number;
+        indus: number;
+        trans: number;
+        heat: number;
+    };
+    readonly HEAT_BOX_FIRST_FLOW_PATHS_ORDER: {
+        elec: number;
+        heat: number;
+        res: number;
+        ag: number;
+        indus: number;
+        trans: number;
+    };
+    FLOW_PATHS_ORDER: Record<string, Record<string, number>>;
+    readonly BOX_NAMES: readonly string[];
+    readonly FUEL_NAMES: readonly string[];
+    constructor(container: HTMLElement, options: SankeyOptions, eventBus: EventBus, logger: Logger);
+    /**
+     * Get human-readable display name for fuel
+     */
+    getFuelDisplayName(fuel: string): string;
+    /**
+     * Get human-readable display name for sector/box
+     */
+    getBoxDisplayName(sector: string): string;
+    /**
+     * Get color for fuel type
+     */
+    getFuelColor(fuel: string): string;
+    /**
+     * Get color for sector type
+     */
+    getSectorColor(sector: string): string;
+    /**
+     * Get dynamic width from container ConfigurationService.WIDTH getter
+     * This dynamically calculates width based on actual container size
+     */
+    get WIDTH(): number;
+    /**
+     * Get default width when container width cannot be determined
+     */
+    private getDefaultWidth;
+    /**
+     * Apply responsive adjustments based on screen size
+     */
+    private applyResponsiveAdjustments;
+    /**
+     * Calculate right box X position
+     */
+    calculateRightBoxX(): number;
+    /**
+     * Validate configuration consistency
+     * Ensures all required constants are properly defined
+     */
+    private validateConfiguration;
+    /**
+     * Check if fuel is defined in configuration
+     */
+    isValidFuel(fuel: string): boolean;
+    /**
+     * Check if sector is defined in configuration
+     */
+    isValidSector(sector: string): boolean;
+    /**
+     * Get all fuel configurations
+     */
+    getAllFuels(): readonly FuelConfig[];
+    /**
+     * Get all sector configurations
+     */
+    getAllSectors(): readonly BoxConfig[];
+    /**
+     * Get fuel configuration by name
+     */
+    getFuelConfig(fuel: string): FuelConfig | undefined;
+    /**
+     * Get sector configuration by name
+     */
+    getSectorConfig(sector: string): BoxConfig | undefined;
+    /**
+     * Calculate responsive scaling factor based on container size
+     * Maintains aspect ratio while fitting within container
+     */
+    calculateResponsiveScale(containerWidth: number, containerHeight: number): {
+        scale: number;
+        width: number;
+        height: number;
+        offsetX: number;
+        offsetY: number;
+    };
+    /**
+     * Get configuration optimized for mobile devices
+     */
+    getMobileConfiguration(): Partial<ConfigurationService>;
+    /**
+     * Check if current viewport suggests mobile device
+     */
+    isMobileViewport(): boolean;
+}
+//# sourceMappingURL=ConfigurationService.d.ts.map

package/dist/services/ConfigurationService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigurationService.d.ts","sourceRoot":"","sources":["../../src/services/ConfigurationService.ts"],"names":[],"mappings":"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"}