<aside> 🔍
Want to find something quickly?
Use the keyboard shortcut Ctrl+P / ⌘P to search the entire help center.
</aside>
Welcome to epanet-js! This guide will walk you through the basic steps of using the application, from creating a new project to running simulations and analyzing results. If you are familiar with the classic desktop EPANET, you'll find many features similar, with some modern enhancements designed to make your workflow more efficient.
https://www.youtube.com/watch?v=jw7xXLr3wLo
epanet-js is a web-based version of EPANET that allows users to build, edit, and simulate water distribution networks directly in the browser. Unlike traditional cloud-based applications, epanet-js is local-first, meaning that your projects are saved directly to your computer, not the cloud.
<aside> ⭐
Local-first file saving – Your work is stored on your computer.
Interactive map-based editing – Draw and modify networks visually.
Quick shortcuts – Undo/redo, automatic junction placement, satellite mode.
Familiar EPANET tools – Similar structure to the desktop GUI.
Simulation & analysis tools – Run hydraulic simulations and visualize results. </aside>
Understanding the interface is the first step in using epanet-js efficiently. The application consists of four main sections:
Toolbar
Map
Panels
Status bar
The toolbar is your main control center, providing quick access to project management (New, Open, Save), editing (Undo, Redo), map tools for adding network elements, and simulation controls. For a full breakdown of each button and its function, please see the detailed guide.
The map is the interactive canvas where you'll build, modify, and visualize your water distribution network. You can pan and zoom using standard controls, and selecting an asset on the map will display its properties in the side panel for editing.