Herramienta web minimalista para visualizar y editar nodos + conexiones en formato JSON.
Úsala directamente aquí (no es necesario clonar): → https://setlopez1999.github.io/SimGraMod/
Solo abre el link en tu navegador y listo. 100% offline una vez cargada.
Si quieres tenerla local (opcional):
- Clona el repo:
git clone https://github.com/setlopez1999/SimGraMod.git - Abre
index.htmlen cualquier navegador
Para visualizar y modificar fácilmente los nodos de rutas de mi otro proyecto (AppRoute).
Allí usaba nodos con pesos en sus conexiones, y es de donde el backend calculaba la ruta más próxima/optima.
Editar el JSON a mano era un dolor, así que creé esto: cargar → ver grafo → editar nodos/conexiones → exportar JSON listo para el back.
- Carga tu JSON (nodos + links)
- Arrastra nodos, edita propiedades (label, color, datos extra...)
- Agrega/elimina nodos y enlaces
- Exporta JSON actualizado con un clic
- Al crear un subnodo (que representa una conexión), se genera automáticamente el nodo destino si no existe.
- Si el subnodo usa el nombre de un nodo que ya existe: se crea solo la conexión (enlace) entre ellos.
- Así de simple: evita duplicados y mantiene el grafo limpio.
{
"Nodo Inicial": {
"SubNodo al que esta conectado": [Peso]
},
"SubNodo al que esta conectado": {
"Nodo Inicial": 1
}
}{
"nodo1": {
"nodo2": 1
},
"nodo2": {
"nodo1": 1,
"nodo3": 1
},
"nodo3": {
"nodo2": 1
}
}