Feature: Interactive DAG + inputs/outputs per rule

[bobbyxng]

Changes proposed in this Pull Request

• New feature: adding an interactive DAG (html) that allows to view per rule inputs and outputs, as well as selecting upstream and downstream rules (hover) or connected rules (on click)
• File endings are colored by linguist standardised colors if available: https://github.com/github-linguist/linguist/blob/main/lib/linguist/languages.yml
• HTML is fully self-contained, used .js are embedded in the html file
• Demo: https://bxio.ng/assets/html/dag_interactive

Checklist

• I tested my contribution locally and it works as intended.
• Code and workflow changes are sufficiently documented.
• Changed dependencies are added to pixi.toml (using pixi add <dependency-name>).
• Changes in configuration options are added in config/config.default.yaml.
• Changes in configuration options are documented in doc/configtables/*.csv.
• For new data sources or versions, these instructions <https://pypsa-eur.readthedocs.io/en/latest/data_sources.html>_ have been followed.
• A release note doc/release_notes.rst is added.

Screenshot

[Irieo]

HOLY MAGIC 🤩

[fneum]

It's quite useful!

Couple of thoughts:

• Should be integrated into the documentation. Super helpful there to get an overview.
• Ideally, this would be a snakemake feature. Did you look at snakemake --report? https://snakemake.readthedocs.io/en/stable/snakefiles/reporting.html
• Some bits are still a bit buggy: a) I don't think all file dependencies are listed in the RHS. b) The colouring of upstream versus downstream rules disappear once you click on them. c) Some rules remain coloured in when you click on another rule to focus on.

[fneum]

@coroa pointed me to xdot: https://github.com/jrfonseca/xdot.py

Could be preferable over own solution.