AnyLogic Web Toolkit

AnyLogic Web Toolkit is an open-source library that empowers developers to seamlessly embed modern web applications (HTML, CSS, JavaScript) directly into AnyLogic simulation models. It provides a robust, bidirectional bridge between your Java simulation logic and rich web frontends like Leaflet maps, React dashboards, or custom D3.js visualizations.

Powered by a native embedded Chromium engine (JCEF), it bypasses the limitations of the internal AnyLogic browser, giving you full control over DevTools, local filesystem access, and modern web standards.

• Embedded Chromium Engine: Fully isolated JCEF instance that runs natively within AnyLogic.
• Bidirectional Communication: Send commands from JS to Java (AnyLogic.call(...)) and push real-time events from Java to JS (bridge.emit(...)).
• File System API: Native OS file dialogs (Open/Save) exposed safely to JavaScript without browser sandbox restrictions.
• Offline Capable: Load local HTML files and assets seamlessly via the custom http://webtoolkit/ protocol. No external web server required.
• Developer Tools: Press F12 during simulation to open standard Chrome DevTools for rapid UI debugging.

To install and start using the toolkit, check out the Quick Start Guide.

AnyLogicWebToolkit/
├── AnyLogicLibrary/           # Source AnyLogic .alp library with the WebApp agent
├── docs/                      # Documentation and guides
├── examples/                  # Ready-to-run AnyLogic models with embedded HTML UIs
│   └── AnyLogicModels/
│       ├── BasicExample/      # Hello World example
│       ├── BidirectionalExample/  # Two-way communication example
│       ├── LogisticsDigitalTwin/ # Logistics Digital Twin example
│       └── SmartFactoryTwin/  # Advanced 3D React Digital Twin example
├── src/main/java/...          # Java source code for the Web Toolkit
├── build.gradle               # Gradle build script
└── README.md

• Java API Reference (Javadoc)
• Installation & Quick Start
• Agent Configuration Guide
• Communication (Java ↔ JS)

The examples/AnyLogicModels/ directory contains ready-to-run AnyLogic models with integrated HTML UIs:

1. BasicExample/: A simple Hello World demonstrating basic command execution.
2. BidirectionalExample/: Shows how to control simulation speed from JS and receive time/population updates from Java.
3. LogisticsDigitalTwin/: A complete Digital Twin dashboard using Leaflet maps and SheetJS, demonstrating real-time vehicle tracking and order dispatching.
4. SmartFactoryTwin/: An advanced 3D Digital Twin using React, Vite, and Three.js, featuring a glassmorphism dashboard, real-time metrics, and bidirectional control.