Herramientas para crear diagramas, gráficas y diagramas de flujo

ChartflowEn Isopixel, han realizado un trabajo muy bueno, que trata sobre las herramientas que podemos disponer para crear diagramas, gráficas y diagramas de flujo:

Ser desarrollador web, no solo significa diseñar un sitio web o programar su funcionalidad. La mayoría de las veces significa ser capaz de explciar asuntos complejos de manera clara y poder presentar a tus clientes argumentos convincentes y razonables para encontrar el mejor equilibrio entre los deseos del cliente y los estandares que usas. De hecho es esencial cerciorarse que el cliente entiende que ventajas le estas ofreciendo realmente y porque determinado diseño o lenguaje es mejor para ese proyecto en particular.

Uno de los grandes problemas de los que nos dedicamos a esto, es que estamos tan familiarizados con los lenguajes y las tecnologías que damos por hecho que es así para todo mundo, pero es evidente que no siempre es así. ¡Cómo podemos visualizar y presentar nuestras ideas fácil y rápidamente? Siendo el ser humano un animal visual, éste necesita de imágenes para tratar de entender lo que hay detrás de las ideas.

Pues bien, Vitaly Friedman nos obsequia un fabuloso listado de herramientas y tutoriales que nos pueden ayudar en la tarea de crear imágenes, sobre todo, diagramas, gráficas y diagramas de flujo, etc. Para poder visualizar y representar, las ideas y presentarlas a tus potenciales clientes.

Tutoriales:

Herramientas Web gratuitas:

  • Gliffy Gliffy.com is un editor de diagramas en línea. Permite crear y compartir diagramas de flujo, diagramas de red, planos, diseños de interfaces de usuario, diseños y otros dibujos en línea. Requiere registro.
  • James MacFarlanes’ Ajaxio es una sencilla herramienta basada en Ajax, que usa Prototype y script.aculo.us.

Programas gratuitos:

  • 1st Chart crea diagramas en alta resolución a partir de tus diagramas de Chart-Elements.
  • JGraphpad es un poderoso componente de gráficos disponible para Java, es open source, fácil de usar y rico en aspectos. Las áreas de aplicación incluyen diagramas de procesos, flujos de trabajo y visualización BPM, organigramas, aún flujo de tráfico y agua.
  • yEd – Java™ Graph Editor es un poderoso editor de gráficos escrito completamente en Java. Puede ser usado pra generar rápida y fácilmente dibujos y para aplicar layouts automáticamente a una gama de diagramas y redes diferentes.
  • Graphviz es un software visualizador de gráficos open source. Tiene varios programas principales para layouts, web e interfaces gráficas interactivas, herramientas auxiliares y language bindings (término intraducible, pero los interesados ya saben de que va)
  • Unified Modeling Language (UML) es una especificación de lenguaje no propietario para modelar objetos y es usado en la ingeniería de software. Con varias de las herramientas UML (en Alemán) se pueden crear no solamente pequeños bocetos y sencillos diagramas de organzación, sino también sistemas complejos y modelos de computadoras.
  • XML/SWF Charts es una simple, pero poderosa herramienta para crear atractivas gráficas en web y gráficos para datos XML dinámicos. El código fuente XML puede ser creado manualmente o generado dinámicamente usando cualquier lenguaje de scripts (PHP, ASP, CFML, Perl, etc.). El tutorial oficial explcia exactamente, como puedes usar XML/SWF para tus proyectos personales.
  • DIA es un programa para la creación de diagramas basado en gtk+ liberado bajo licencia GPL. DIA puede ser usado para dibujar diagramas de relación entre entidades, diagramas UML, organigramas, diagramas de red y muchos otros. Es también posible agregar soporte para nuevas formas de escritura simple de archivos XML, usando un subconjunto de SVG para dibujar la forma. Puede cargar y salvar diagramas en un formato XML personalizado (en formato gzip por defecto para ahorrar espacio), puede exportar diagramas a un gran número de formatos, incluyendo EPS, SVG, XFIG, WMF and PNG.
  • JFreeChart es una librería de gráficas 100% libre, para Java, con ella se pueden crear gráficos tales como gráficos de barra, gráficos de línea, gráficos de pastel, gráficos de series de tiempo, graficas altas/bajas/cerradas, diagramas de viento, diagramas de metro. JFreeChart tiene una licencia LGPL y requiere plataforma Java 2 (JDK Version 1.3 y superior).

Principales productos comerciales:

  • OmniGraffle: la primer aplicación para diagramas de Mac OS X crea diagramas de flujo, orgazicionales, diagramas de red, arboles genealogicos, procesos de proyectos – o cualquier otro que pueda ser representado por símbolos y líneas. (“La versión Standard- cuesta $79.95, y la “Profesional”- $149.95).
  • Microsoft Visio: Microsoft Office y su programa de diagramación técnica resuelve cada problema en el que puedas pensar. Microsoft Visio esta integrado con Office. El precio es apropiado por la calidad que el programa proporciona.
  • Mindjet MindManager es un potente paquete de software que puede ser usado para dibujar mapas mentales, lluvia de ideas u organigramas. MindManager Basico (para Mac y Windows) cuesta 230.84 €, MindManager Pro cuesta – 346.84 €.
  • SmartDraw es también un poderoso programa, que es extremadamente fácil de usar e incluye 1000 gráficos profesionales que pueden modificarse. También te permite crear tus propios gráficos. Precio: $197.

Nota: El artículo original fue escrito en agosto del año pasado, por lo cual los precios de los programas comerciales pueden haber variado.

26 Responses to Herramientas para crear diagramas, gráficas y diagramas de flujo

  1. Vuarnet dice:

    Gracias por la referencia.

  2. Toni dice:

    A ti por tus excelentes artículos. Salud

  3. Thor dice:

    Gracias por las referencias, es una ayuda para mis trabajos.

  4. jesús dice:

    muy inteeresante, me he pasado la noche buscando soft para gráficos estadisticos.

    buenas referncias veo por aqui

    un saludo y gracias

  5. Toni dice:

    Jesús me alegro que te sea útil. Hasta pronto.

  6. Panañola dice:

    Hola a tod@s!!

    Me preguntaba si me podríais ayudar??? Pues bien, necesito realizar un diagrama con flujos y movimientos, por ejemplo el llenado de un almacén, el paso al siguiente y posterior llenado, etc. Y todo esto con imágenes….
    Qué programa es el más adecuado para realizarlo??

    Muchas gracias

    Un saludete!!

  7. Toni dice:

    Puedes darle un vistazo en Categorías a «Diagramas» encontrarás unos cuantos programas en linea para realizar lo que quieres, prueba algunos para ver cual se acomoda a tu diagrama.

  8. willy dice:

    Queria saber sin con el lenguaje de programacion Perl se podian crear o generar diagramas a partir de datos de una base de datos

  9. angelica dice:

    Por favor necesito que me digan en donde puedo encontrar el diagrama de flujo de el juego de la vida.

  10. David dice:

    Quisiera saber como hacer graficas de pastel en el lenguaje de programacion jgrasp, cuando los datos vienen de una JTextArea, gracias.

  11. ALBERTO dice:

    ESTA PAJINA DA ASKOOOOO

  12. dianiscaro dice:

    Buenas tardes necesito realizar un arbil terciario por medio de juegos ustedes me puedden decir que programa puede ser el aporpiado para ucnado yo ejecute el codigo el me dibuje los diagramas. gracias por su atencion

  13. […] Mas informacion en Linea: Blog Cosas Sencillas Herramientas para Diagramas […]

  14. sitematico dice:

    dianis caro yo tengo el programa que necesitas

  15. nanita dice:

    necesito sabr como hacer un diagraama d eflujo sobre actividades basicas..gracias

  16. Dj dominik dice:

    hay hombre este cuento de diagramas es cosa seria

  17. JorPu dice:

    Hola,
    He de realizar una aplicación Web en Java.
    Desde esta aplicación he de poder generar un organigrama de empresa.
    Que librería opensource y freesoftware es la mas adecuada?

  18. angelica dice:

    necesito un ejemplo real de diagrama de flujo con monitor crt y lcd gracias

  19. pongan mas cosas por que no se le entiende nada

  20. pliissssssssssssssssssssssssssssssssss aganmwe el fabor de sacar mas cosas

  21. DANIEL CALZADA dice:

    NECESITO SABER COMO HACER UN DIAGRAMA VOY EN TRECER AÑO DE PRIMARIA Y ME PIDEN UN EJEMPLO ESPERO ME PUEDAN AYUDAR

  22. CYPATLY dice:

    HOLA MI MAESTRA DE INFORMATICA ME PIDIO UN DIAGRAMA DE TIPO E.P.S. ME PODRIAN AYUDAR POR FAVOR!!!!!

  23. OSCAR dice:

    POR FAVOR COLABOREME A REALIZAR EL EJERCICIO EN DIAGRAMA DE FLUJO O SEUPDOCODIGO DE LA APLICACION PARA UN CAJERO AUTOMATICO. O DEME UNA PAGINA ESPECIAL DONDE PUEDA DESRROLLARLO O ENCONTARLO.GRACIAS

  24. karina wield dice:

    hola mi profe de marketing especifico quiere que hagamos un layout de una pequeña oficina y no se por donde empezar me gustaria un formato o sea por donde empezar

Deja un comentario