Necesito crear un diagrama de flujo que sea multifuncional (tenga una cuadrícula en la parte superior ya la izquierda de las categorías) que tenga formas, flechas que apunten a cada forma. Cada forma debe poder vincular a un documento o página de un sitio web.

Además, necesito que cada forma tenga una función de resaltado dinámico. (Al pasar el cursor sobre la forma, aparecerá un cuadro de texto o un bloque con una descripción de adónde va con posibles otros enlaces para obtener información similar dentro de la descripción).

Preferiría que esto se pudiera incrustar o codificar un fragmento en un sitio de SharePoint, pero también estaría bien tenerlo como una aplicación web separada que podamos vincular desde el sitio al gráfico, pero eso probablemente requeriría seguridad tal vez una página de inicio de sesión.

Además, sería bueno que analice la información de un documento de Excel o algo así para crear/automatizar más formas/nodos. Lo he investigado con html y CSS hasta ahora. Parece que la mayoría de los ejemplos de diagramas de flujo son como una tabla o una sola funcionalidad en la que solo va en una dirección con las categorías en la parte superior organizándolo. Tampoco se ven tan modernos como me gustaría. Esto es adicional, pero también me gustaría una función de seguimiento de proyectos para ver cuánto ha progresado un usuario a través del diagrama de flujo. Sería bueno tener que ayudar con el seguimiento del progreso y guardar dónde estaba el usuario en el gráfico antes, lo que sería útil cuando el diagrama de flujo es enorme.

Otra característica adicional que me gustaría agregar más adelante es una función de búsqueda.

Esencialmente, solo quiero ayuda sobre recomendaciones sobre qué marcos e idiomas serían los más eficientes . o tal vez consejos sobre html css que podría haber pasado por alto para tener la funcionalidad que estoy buscando.

Además, cualquier consejo o recurso que ayude con este proyecto. Si tienes tiempo para repasar los detalles, ¡sería aún mejor! ¡Serías un salvavidas!

¡Muchas gracias por tu ayuda!

Aquí hay un ejemplo de cómo me gustaría que se viera. ingrese la descripción de la imagen aquí