Foros del Web » Creando para Internet » Diseño web »

Representación de un diagrama en HTML

Estas en el tema de Representación de un diagrama en HTML en el foro de Diseño web en Foros del Web. Buenas, Antes que nada agradecer la aportación que realizan todos los usuarios de esta gran comunidad a toda la gente que lo necesita. Os explico ...
  #1 (permalink)  
Antiguo 30/11/2014, 04:31
 
Fecha de Ingreso: noviembre-2007
Mensajes: 141
Antigüedad: 17 años
Puntos: 2
Representación de un diagrama en HTML

Buenas,

Antes que nada agradecer la aportación que realizan todos los usuarios de esta gran comunidad a toda la gente que lo necesita.

Os explico la situación en la que me encuentro.

Estoy desarrollando una aplicación que funciona por pasos (steps) en cada paso se puede realizar una acción previamente desarrollada. Todo esto ya lo tengo solucionado. Ahora lo que necesito es crear un mantenimiento en el cual se puedan generar y representar estos pasos de una forma muy intuitiva. La idea que tengo en mente es a través de un diagrama simple.

Adjunto una imagen para que veáis el resultado deseado.



Lo he intentado realizar en canvas desde cero y he conseguido algo pero no lo esperado. Me gustaría si es posible y alguien se le ocurre alguna manera realizar esta representación con html + css.

Saludos y muchas gracias.
  #2 (permalink)  
Antiguo 30/11/2014, 05:17
Avatar de lauser
Moderator Unix/Linux
 
Fecha de Ingreso: julio-2013
Ubicación: Odessa (Ukrania)
Mensajes: 3.278
Antigüedad: 11 años, 4 meses
Puntos: 401
Respuesta: Representación de un diagrama en HTML

Mira a ver si te sirve, UML.
__________________
Los usuarios que te responden, lo hacen altruistamente y sin ánimo de lucro con el único fin de ayudarte. Se paciente y agradecido.
-SOLOLINUX-
  #3 (permalink)  
Antiguo 30/11/2014, 06:19
 
Fecha de Ingreso: septiembre-2012
Mensajes: 74
Antigüedad: 12 años, 2 meses
Puntos: 4
Respuesta: Representación de un diagrama en HTML

Interesante Lauser, no lo conocía
  #4 (permalink)  
Antiguo 30/11/2014, 11:27
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Respuesta: Representación de un diagrama en HTML

Mmm al parecer eso genera mapas de bits.

No con Css, sino JavaScript, está esta librería. http://raphaeljs.com/

Pero yo la realidad es que usaba o mapa de bits o svg.
  #5 (permalink)  
Antiguo 30/11/2014, 11:36
Avatar de Mariano_Floyd  
Fecha de Ingreso: marzo-2013
Ubicación: Córdoba
Mensajes: 155
Antigüedad: 11 años, 8 meses
Puntos: 14
Respuesta: Representación de un diagrama en HTML

Personalmente para manejar svg's interactivos, usaria http://snapsvg.io/ Yo la uso en mis trabajos y la verdad es muy potente, si se la domina, se pueden hacer cosas muy interesantes.
  #6 (permalink)  
Antiguo 30/11/2014, 12:30
 
Fecha de Ingreso: noviembre-2007
Mensajes: 141
Antigüedad: 17 años
Puntos: 2
Respuesta: Representación de un diagrama en HTML

Las tres opciones que habéis recomendado me parecen realmente interesantes. Pero ahí una que me ha llamado más la atención. Snap.svg no lo conocía por que no he tenido que realizar nunca este tipo de trabajos, pero viendo la API que ofrece parece realmente potente y versátil.

Creo que me servirá para lo que quiero hacer.


Saludos y muchas gracias!
  #7 (permalink)  
Antiguo 30/11/2014, 12:32
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Respuesta: Representación de un diagrama en HTML

Peeeero, de entrada un svg lo puedes hacer con un programa de dibujo. Usa este https://inkscape.org/es/

Etiquetas: css, diagrama, html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:20.