Fossflow – Crear diagramas de infraestructura isométrica de estilo 3D

¿Estás cansado de gráficos de infraestructura incomprensibles? ¿Quieres una forma más fácil y visualmente atractiva de dibujar tu sistema? ¡Albricias! Fossflow Cambie cómo visualiza su arquitectura aquí. Esta es una herramienta de código abierto que te ayuda a crear Hermoso diagrama isométrico 3D Increíblemente relajante.

¿Qué es Fossflow?

Fossflow es un poderoso Aplicación web progresiva de código abierto (PWA) Diseñado específicamente para la creación Diagrama de infraestructura isométrica.

Los usuarios pueden agregar y conectar componentes, personalizar los gráficos y administrar su trabajo a través de características como guardar, importar y exportar automáticamente.

Establecer reacción y isoflew Biblioteca, Fossflow ofrece una gran experiencia de privacidad Todos los datos de su gráfico se almacenan localmente En su navegador, asegúrese de que su trabajo permanezca fuera de línea privado y accesible.

El creador de Fossflow Edición comunitaria de isoflow Y hazlo muy fácil para cualquiera Configurar y ejecutar.

Si bien la biblioteca de isoflow central es excelente, Fossflow le proporciona beneficios directos Exportación y carga de copias de seguridad JSON Sus gráficos, IsoFlow Community Edition restringe las características.

Este es un completo Proyecto de código abierto Lanzamiento bajo una licencia no ejecutiva, esto significa que puede usarlo y modificarlo como lo desee.

Fossflow se llamaba anteriormente flujo abiertoPero fue renombrado para evitar Confundido Tener protocolos y productos de telemetría de red existentes copo de nieve.

Características clave

Fossflow contiene características diseñadas para hacer que una tabla sea muy fácil:

• Increíble vista isométrica: Creación Llamativo diagrama técnico de estilo 3D Esto aporta claridad a los sistemas complejos.
• Editor simple de arrastrar y soltar: Exprese su edificio sin esfuerzo Íconos, áreas y conectores. Simplemente obtenga un componente de la biblioteca y colóquelo en el lienzo.
• Sistema de icono extensible: Use la biblioteca de iconos existente para los principales proveedores de nubes como AWS, Azure e GCP e incluso Kubernetes. También puede crear su propio conjunto de iconos personalizado.
• Guardado automático y ahorro rápido: Tu trabajo es Guardar automáticamente cada 5 segundos Dirija al almacenamiento de su navegador. ¿Necesitas ahorrar de inmediato? La opción de guardado rápido (sesión) está disponible para usted sin ventanas emergentes.
• Acceso fuera de línea: Como es un PWA, incluso puedes trabajar en la tabla Sin conexión a Internet.
• Importación/exportación simple: Compartir y hacer una copia de seguridad de tus gráficos Fácilmente como un archivo json. Esto le permite cargar gráficos de otros o ahorrar trabajo importante para la custodia.
• Navegación intuitiva: Pan y amplíe el lienzo para centrarse en diferentes áreas de la imagen.
• Atajos de teclado: Use atajos para acelerar los flujos de trabajo para eliminar los elementos, el zoom y la sartén. Además, hay incluso Ctrl+Z deshacer y Ctrl+y se usan para rehacerTela de lana

Instalar fossflow

¿Listo para la visualización de infraestructura que nunca antes había tenido? Fossflow hace que sea muy fácil comenzar.

Puede instalarlo como una aplicación nativa en su dispositivo Linux o Mac, o ejecutarlo directamente en un navegador web.

Prueba Fossflow Online

Ir llegar Empiece a crear gráficos ahora.

Ejecutar Fossflow localmente

Para aquellos a quienes les gusta el entorno local El primer repositorio de Github para clon Fossflow:

git clone 
cd FossFLOW

A continuación, asegúrese de tener NPM instalado E instalar las dependencias necesarias:

npm install

Finalmente, inicie el servidor de desarrollo:

npm start

Acceso Fossflow abriendo En su navegador web.

Fossflow funciona bien en los navegadores modernos como Chrome, Edge, Firefox y Safari, incluidos los navegadores móviles con soporte PWA.

Para la mejor experiencia, el autor recomienda el navegador Chrome o Edge.

Crear gráficos isométricos con Fossflow

Fossflow está diseñado para Diagrama isométricopermitiéndote crear Increíble diagrama técnico de estilo 3D.

Crea un gráfico

Agregar un proyecto:

• Usar menú: Presione el botón «+» en el menú en la esquina superior derecha para que la biblioteca de componentes aparezca a la izquierda. Entonces puede Arrastre los componentes de la biblioteca en el lienzo.
• Use clic derecho: O ejecutar Haga clic con el botón derecho en la cuadrícula y seleccione Agregar nodo. Una vez que se crea un nuevo nodo, puede hacer clic en él y personalizarlo usando el menú izquierdo.
• Esta herramienta admite Sistema de icono extensiblele permite usar bibliotecas existentes para AWS, Azure, GCP, Kubernetes, etc., o crear las suyas propias.

Conectando el proyecto:

Use conectores disponibles Mostrar la relación entre componentes En tu foto.

por encargo:

puede Cambiar el color, la etiqueta y las propiedades del proyecto Satisfacer sus necesidades.

Navegación e interacción

navegación:

puede Bote y zoom El lienzo circundante funciona en diferentes áreas del gráfico.

• Altísimo:usar Rueda del ratón Acercar o salir.
• Sartén: Haga clic y arrastre Alrededor de la olla de lona.

Atajos de teclado:

• borrar: Eliminar el elemento seleccionado.
• CTRL+Z: Deshacer tu última acción.
• CTRL+Y: Reelaborar la acción de deshacer anterior.

Guarde y administre su trabajo

Fossflow prioriza la privacidad Todos los datos de su gráfico se almacenan localmente en su navegador.

• Guardar automáticamente: Tu foto es Guardar automáticamente cada 5 segundos cada almacenamiento del navegador.
• Guardar rápido (sesión): Haga clic en «Guardar rápido (sesión)» Guarde instantáneamente sin ningún cuadro de diálogo emergente.
• Ahorrar nuevo: Use «Guardar nuevo» para Crear una copia del gráfico.
• carga: Haga clic en «Cargar» a Ver y acceder a todos los gráficos que guardó antes.
• importar: puede Diagrama de carga del archivo JSON Compartido por otros.
• salida: Descargue su imagen como un archivo JSON Compartir o hacer una copia de seguridad de su trabajo.
• Gerente de almacenamiento: Use el «Manager de almacenamiento» Administre el espacio utilizado en el almacenamiento del navegador. Como navegador, esto es especialmente útil localStorage El límite es de aproximadamente 5-10 MB. Se recomienda hacer esto Exportar regularmente imágenes importantes como archivos json Utilizado para la copia de seguridad.

Fossflow Simplifique los gráficos de infraestructura para que sean accesibles, hermosos y privados. ¿Qué estás esperando? ¡Comience a dibujar su sistema con claridad y estilo!

recurso: