Project page and ITSC 2026 tutorial site for Sim2Signal.
Live Site · Quick Start · Pages · Tutorial · FAQ
Static site for Sim2Signal, a benchmark that measures the sim-to-real gap in reinforcement-learning traffic signal control, plus the half-day tutorial Bridging the Sim-to-Real Gap in Traffic Engineering at IEEE ITSC 2026 (Naples, Friday 18 September 2026, 14:00–16:00).
Plain HTML/CSS/JS — no build step. Served from GitHub Pages.
@misc{rafi2026sim2signal,
title={Sim2Signal: Sim-to-Real Benchmarks for Traffic Signal Control},
author={Al Rafi, Ferdous and Mukherjee, Susrik and Dekate, Latika Liladhar and Lavoe, Jennifer Yawa and Yao, Huaiyuan and Mohanty, Shlok and Da, Longchao and Zhou, Xuesong and Wei, Hua},
year={2026},
eprint={2609.01676},
archivePrefix={arXiv},
primaryClass={cs.LG},
url={https://arxiv.org/abs/2609.01676},
}[2026.9.3] Sim2Signal paper on arXiv.
[2026.9.18] Tutorial at IEEE ITSC 2026, Room Urania 1, Stazione Marittima, Naples. Agenda and materials →
| Feature | Description |
|---|---|
| 🏠 Benchmark landing page | What Sim2Signal is, the four MDP gap sources, and how to get the code and paper |
| 🎓 ITSC 2026 tutorial page | Aim, agenda, organizers, and links to slides / Colab notebooks |
| 🖼️ Overview figure | The four gap sources and the 18 mitigation methods evaluated against each |
| 🔗 One-click jumps | GitHub, arXiv, and the tutorial Drive folder from both pages |
| 📱 No build step | GitHub Pages serves the repo as-is; all internal links are relative |
Built on the LibSignal project site (styleshout template), restyled in academic blue.
The landing page walks through the four gap sources; the tutorial page hosts the ITSC 2026 agenda and Colab materials. Both link out to the benchmark code and the paper.
Serve over HTTP rather than opening the file directly — the parallax hero and scroll animations need a real origin.
git clone https://github.com/DaRL-LibSignal/Sim2SignalWebsite.git
cd Sim2SignalWebsite
python3 -m http.server 8000Then open http://localhost:8000 (Sim2Signal) and http://localhost:8000/tutorial.html (tutorial).
Tip: The live site is already at darl-libsignal.github.io/Sim2SignalWebsite. Use the local server only when editing.
| What | Where |
|---|---|
| Benchmark code | DaRL-LibSignal/Sim2Signal |
| Paper | arXiv:2609.01676 |
| Tutorial slides & notebooks | Google Drive |
| File | URL | Contents |
|---|---|---|
index.html |
Sim2Signal | Benchmark: about, four gap sources, get started |
tutorial.html |
Tutorial | ITSC 2026: aim, agenda, organizers, materials |
Bridging the Sim-to-Real Gap in Traffic Engineering: Integrating Traffic Signal Control and Reinforcement Learning
Friday 18 September 2026 · 14:00–16:00 · Room Urania 1, Stazione Marittima · Naples, Italy
For traffic engineers, transportation researchers, and machine learning practitioners. Bring a laptop: notebooks run in Google Colab with nothing to install.
| Time | Block | Speakers |
|---|---|---|
| 20 min | Welcome and the Sim-to-Real Gap | Hua Wei |
| 30 min | Calibration for Traffic Signal Control (hands-on Colab) | Hua Wei, Ferdous Al Rafi |
| 15 min | Break | |
| 45 min | Sim-to-Real Methods and Evaluation (CityFlow → SUMO case study) | Ferdous Al Rafi |
| 10 min | Closing and Discussion |
Organizers: Hua Wei (ASU), Xuesong Zhou (ASU), Longchao Da (ASU), Ferdous Al Rafi (ASU).
How is the site deployed?
GitHub Pages, project-site style: Settings → Pages → Deploy from a branch → main → / (root). Served at https://darl-libsignal.github.io/Sim2SignalWebsite/.
.nojekyll is present so Pages copies files verbatim instead of running them through Jekyll. All internal links are relative, so an organization-site layout (<org>.github.io) also works without editing the HTML.
Why does opening `index.html` as a file look broken?
The parallax hero and scroll animations need a real origin. Use python3 -m http.server 8000 (or any static server) instead of file://.
Where are the tutorial slides?
In the shared Drive folder. The complete set will be available at the start of the tutorial. Per-block slide / video / code links in the agenda will be added after the session.
How do I change the accent colour?
The template green was replaced throughout css/main.css with a deep academic blue:
| Role | Template | Site |
|---|---|---|
| Accent | #39b54a |
#2b6cb0 |
| Hover | #44c455 |
#3d82cc |
| Pressed | #309a3f |
#1f5089 |
| Rule on accent | #2a9038 |
#1a4e85 |
| Tint text on accent | #b2fabc |
#cfe3f7 |
To recolour, search those five values. Local layout overrides live in css/site.css (loaded after main.css): wide image-less hero, text wordmarks instead of the baked-in logo.png (which reads “LibSignal”), pill-shaped agenda badges, and white backgrounds for sections that are not #about.
Developed and maintained by DaRL Lab, School of Computing and Augmented Intelligence, Arizona State University.
Ferdous Al Rafi, Susrik Mukherjee, Longchao Da, and Hua Wei.
We welcome issues and pull requests. For questions about the tutorial, contact Hua Wei (hua.wei [at] asu.edu).
If you use Sim2Signal, please cite:
@misc{rafi2026sim2signal,
title={Sim2Signal: Sim-to-Real Benchmarks for Traffic Signal Control},
author={Al Rafi, Ferdous and Mukherjee, Susrik and Dekate, Latika Liladhar and Lavoe, Jennifer Yawa and Yao, Huaiyuan and Mohanty, Shlok and Da, Longchao and Zhou, Xuesong and Wei, Hua},
year={2026},
eprint={2609.01676},
archivePrefix={arXiv},
primaryClass={cs.LG},
url={https://arxiv.org/abs/2609.01676},
}