vertical hours chart beautifully javascript visualization timeline simile

javascript - hours - ¿Alternativa a SIMILE Timeline para la visualización de línea de tiempo?



timeline vertical js (8)

Así que me he estado divirtiendo mucho jugando con SIMILE Timeline , pero desafortunadamente parece estar abandonado (boleto cerrado más reciente, mayo de 2009) y plagado de pérdidas de memoria , especialmente cuando se cargan y descargan dinámicamente eventos (que es especialmente cierto en mi caso).

Soy un novato en JavaScript, por lo que la depuración de estas fugas será más que un poco complicada. Antes de sumergirme de cabeza en solucionar un problema en un idioma que no entiendo o en una base de código que nunca he examinado, quiero saber si hay algo que se compare con el conjunto de características que puedo obtener con la línea de tiempo. :

  1. Múltiples eventos en una banda
    • en lugar de tener 10, 100, 1000 filas de datos, use el espacio disponible para que quepan múltiples eventos en una línea cuando sea posible
  2. Desplazable
  3. Estilo de CSS hasta el evento específico
    • Puedo especificar un icono específico, fuente, etc., para cada evento si es necesario. Esto es ideal para resaltar eventos de error o eventos interesantes
  4. filtrando / buscando / resaltando
  5. destacando una banda de tiempo o punto en el tiempo
    • Esta sería una banda vertical que muestra un momento ''ahora'' o una banda que cubre el tiempo de inicio y finalización de un período de tiempo

Sé que muchas de estas características probablemente se puedan incluir en cosas como Flot o HighCharts , pero estas cosas quedaron para mi uso en línea de tiempo, así que estoy sopesando el costo / beneficio de si es más fácil arreglar una pérdida de memoria o despliegue de 3 a 4 características en alguna biblioteca que no la tenga. Mi instinto me dice "corrija la fuga, es más fácil", pero me gustaría saber si alguien me puede mostrar algo que podría ser el 90% del camino con una baja barrera de entrada para obtener ese otro 10%.



De hecho, estoy trabajando con la línea de tiempo de Simile en un proyecto de mi llamado punto de vista del evento . He solucionado un montón de errores y los he mejorado con muchas contribuciones que he encontrado en línea, incluidas imágenes para el evento, una barra de zoom y algunos eventos adicionales.

Es una obra brillante que solo necesita que alguien se tome el tiempo para actualizarla y hacerla más actual. Actualmente está fuera del alcance de mi proyecto, pero si tengo tiempo en el próximo año o así, comenzaré a mejorarlo.

Realmente sería genial si las personas pudieran revivir el proyecto, agregar eventos táctiles, etc.

Si alguien necesita la fuente, estoy dispuesto a proporcionarla.


Echa un vistazo a Timeglider (ver http://timeglider.com/jquery/ ) que es una línea de tiempo de desplazamiento de código abierto (MIT), JavaScript (usa jQuery) en desarrollo activo. Cumple con los primeros 4 requisitos, creo, pero no estoy seguro acerca de los detalles de su quinto requisito. Solo he hecho algunos experimentos simples con Timeglider y no lo sé muy bien, pero quizás esta sea una solución potencial para ti.


El proyecto Timeline está muy vivo, simplemente ya no usan Google Code. Los widgets de Simile ahora están alojados en una página de inicio dedicada, aquí está la página de inicio y la documentación de la línea de tiempo . Tenga en cuenta que los enlaces en la página no son consistentes, muchas páginas todavía tienen enlaces a los wikis obsoletos en Google Code y en las páginas wiki de mit.edu. Tenga esto en cuenta cuando revise la wiki.

También hay una lista de correo activa en Grupos de Google .




No sé exactamente lo que quiere, pero estoy trabajando en this plugin jquery que está siendo utilizado en un sitio web con eventos administrados dinámicamente.


Tal vez puedas usar la línea de tiempo de la biblioteca CHAP Links (de código abierto), desarrollada por Almende.

http://almende.github.com/chap-links-library/timeline.html

Echa un vistazo a los ejemplos para ver qué puedes hacer con la línea de tiempo. Es bastante flexible, puede elegir crear su propio diseño y usar su propio CSS / HTML en cada evento individual.