Migrate web_diagram from repository Odoo 13 to OCA repository Odoo 18

[mathben]

I did the migration of module web_diagram from Odoo 13 repository for each version to Odoo 18.

Original source: https://github.com/odoo/odoo/tree/6.1/addons/web_diagram
Final version source : https://github.com/odoo/odoo/tree/13.0/addons/web_diagram

PR odoo 14 #3490
PR odoo 15 #3491
PR odoo 16 #3492
PR odoo 17 #3493
PR odoo 18 #3494

Q1. Are we going to merge all the repositories from 14 to 18, and adapt OpenUpgrade?

OCA/OpenUpgrade#3232

Q2. Last commit of Raphael.js is 2019

https://github.com/DmitryBaranovskiy/raphael

Maybe we can change the library.

Comparison

	❌ Raphael.js	✅ Cytoscape.js	⚠️ D3.js	⚠️ Mermaid	⚠️ Vis.js Network
Maintenance	❌ Abandoned (~2020)	✅ Very active	✅ Very active	✅ Very active	✅ Active
Performance	⚠️ ~100 nodes	✅ 10k+ nodes	✅ 10k+ nodes	⚠️ ~200 nodes	✅ 5k+ nodes
Auto layout	❌ Manual	✅ Built-in (dagre, cola, elk…)	⚠️ Third-party plugins	❌ Declarative only	✅ Built-in force-directed
Interactivity	✅ Yes	✅ Full	✅ Full (must be coded)	❌ Static	✅ Full
License	MIT ✅	MIT ✅	ISC ✅	MIT ✅	Apache 2.0 / MIT ✅
Bundle size	~100 KB	~200 KB	~50 KB (core)	~600 KB	~700 KB
Learning curve	Medium	Medium	⚠️ High	Low	Low
Use case	General SVG graphics	Graph / network	Data visualization	Declarative diagrams	Interactive networks
GitHub	DmitryBaranovskiy/raphael	cytoscape/cytoscape.js	d3/d3	mermaid-js/mermaid	visjs/vis-network

Q3. web_diagram_builder

I create the application to show diagram on selected model with domain builder for Odoo 18. Maybe web_diagram_builder is more appropriate to be on repository https://github.com/oca/server-tools ?
Project in development https://github.com/TechnoLibre/web/tree/18.0_imp_web_diagram_builder
This module depend on web_diagram for example usage.

Can manage multiple diagram :

Can use template, choose model and recursive field, filter domain :

Show diagram of selected data :

[mmaanneell]

Hi @mathben,

I've been working on two of the questions raised here, here's a status update:

Q2 — Raphael.js → Cytoscape.js migration
The migration is done and available on this branch:
https://github.com/mmaanneell/web/tree/18.0_migrate_raphael_to_cytoscape

The renderer was rewritten using Cytoscape.js with the dagre layout. Key improvements over Raphael.js: automatic hierarchical layout, support for 10k+ nodes, active maintenance, and built-in zoom/pan/drag.

Q3 — web_diagram_builder
The module has been significantly extended and is available here:
https://github.com/mmaanneell/web/tree/18.0_add_web_diagram_builder

New features since the initial version: CSV import/export, find path between two nodes, in-app tutorial, French translations, and Python unit tests. As for repository placement, I'd lean toward keeping it in OCA/web since it depends directly on web_diagram.

Happy to open PRs for both once the direction is confirmed.