macos - ¿Hay algún buen editor IDE o WYSIWYG para graphviz?
(8)
En realidad, había descargado una GUI para graphviz (no recuerdo el sitio), que decía que habían ganado un Apple Design Award. Pero esa herramienta realmente solo muestra un archivo * .dot que creé. Eso es. Simplemente se llama "Graphviz" ... Supongo que hay mejores herramientas para usar la tecnología Graphviz.
Probé este: texto de enlace
Aunque dicen que ganaron un Apple Design Award, realmente no puedo ver ninguna GUI especial allí. Interfaz muy pobre.
El excelente OmniGraffle puede importar archivos * .dot, pero lamentablemente no creo que pueda volver a recorrerlo y exportar los resultados editados como un archivo de puntos de forma nativa.
Había una interfaz de usuario llamada Dotty. No recuerdo que sea muy agradable de usar.
La versión actual de Graphviz.app no contiene el botón "editor externo" que se muestra en la captura de pantalla de rampion anterior, o los botones Renderizar / Detener, y ha sustituido el botón "configuraciones" por "atributos". Sin embargo, puede ser utilizado como se describe.
Descargué ''graphviz-2.27.20101110.0545.pkg'' de http://graphviz.org/Download_macos.php . Tenga en cuenta que hay varios lugares para descargar varias cosas que se llaman Graphviz:
- http://graphviz.org/Download_macos.php
- http://graphviz.org/Download..php
- http://www.pixelglow.com/graphviz/download/
Use el primero, elegí la instantánea de desarrollo más reciente: un vistazo a las listas de correo ( interest y devel ) revela que todavía está bastante activo, lo que no sabría de los sitios pixelglow que todavía tienen mensajes de "Contenido que viene pronto" desde 2004.
De todos modos, cuando se inicia 2.27, arroja un cuadro de diálogo "Abrir". Al abrir un archivo .dot se mostrará un gráfico, pero la cancelación lo reduce a nada más que a una barra de menú. No te desanimes, crea un archivo con el texto.
graph graphname {
}
y llámalo algo.dot.
Abre eso en Graphviz, y obtendrás una GUI con un gráfico vacío:
Escribe algo más de texto en el archivo, como este:
graph graphname {
a -- b -- c -- d -- a;
a -- c;
b -- d;
}
La ventana de Graphviz se actualiza automáticamente al guardar para mostrar esto:
Hay una gran cantidad de opciones en la caja de herramientas "Atributos", pero parece que quieren que edites la fuente a mano. En cierto modo esperaba los botones "Agregar vértice" y "Agregar borde", y la capacidad de mover los vértices alrededor, pero no se trata de eso, aparentemente.
Entonces, aparentemente, el editor WYSIWYG es su editor de texto favorito en un lado de la pantalla y Graphviz en el otro. En lo que respecta a un IDE, parece que lo mejor disponible en este momento es una impresión de la documentation para el formato DOT. No todo el mundo tiene idea de un editor WYSIWYG o IDE, pero probablemente funcione para usuarios activos.
No es exactamente lo que estás pidiendo, pero el potencial de los proyectos que voy a mencionar es bastante enorme. Como fanático de Graphviz, me ha sorprendido lo que ahora es posible.
La corta historia
- http://ushiroad.com/jsviz/ - ushiroad cocinó a este hombre lil. Usando el proyecto Emscripten, compiló lo suficiente de graphviz para obtener el diseño y las cosas básicas del nodo como una aplicación javascript pura. Tienes que hacer clic en el pequeño botón de flecha redonda en la parte inferior derecha del marco de DOT src.
El único inconveniente (que de ninguna manera disminuye la genialidad de portar graphviz a javascript) es la limitación de lo que puede hacer con él. es básicamente un diseño de puntos con un par de nodos con forma primaria, no es compatible con el color. etc.
El autor fue lo suficientemente impresionante como para subir su trabajo a github, https://github.com/gyuque/livizjs
- https://github.com/mdaines/viz.js : parece que pasó al siguiente nivel, desde la página de demostración parece que vis.js puede hacer todo lo que la compilación estándar de graphviz puede hacer, pero todo en su navegador.
Por lo tanto, si estuvieras tan inclinado, fácilmente podrías tomar uno de los editores ligeros (¡pero pro!) En el navegador como CodeMirror (tiene soporte para la clave vi), e instalar un botón "renderizar" como jsviz.
Entonces ... no es exactamente lo que estabas buscando. Pero Holy Moly para la persona que dedica un poco de tiempo a este problema: le espera una gran cantidad de herramientas de gráficos del lado del cliente basadas en la web.
Otra solución podría ser tintfu . Lamentablemente, no te permite editar el código fuente directamente.
Si verifica el gráfico simple, la API de Google Chart es buena. A continuación, establezco la configuración del motor de búsqueda en chrome.
("foo = .png" son consejos para algunos sistemas que reconocen la imagen)
Graphviz.app tiene un comando para abrir el archivo de punto actual en un editor externo. Si usa eso, supervisará el identificador del archivo para ver los cambios y actualizará el gráfico cada vez que guarde en el editor externo. Así es como puedes hacer que funcione como una interfaz WYSIWYG.
El botón ''Editar'' está en la esquina superior izquierda, junto a ''Configuración''.
En realidad, supervisa continuamente el identificador de archivos, así que lo que hago es abrir el archivo de puntos en Graphviz.app, iniciar vim y editar el archivo de puntos (con set backupcopy=yes ) y ver la actualización del gráfico después de cada uno :w .
Pixelglow se parece al sitio al que te refieres.
Observo que ahora ofrecen una solución habilitada para iPhone (!)