Zoomable, Google-Finanzas-estilo gráfico de series de tiempo en D3 o Rickshaw? [cerrado]

NVD3 es un proyecto muy bueno que tiene un número de gráficos reutilizables escritos en D3. Vea aquí para ver un ejemplo de un gráfico de líneas con un visor, junto con el código fuente.

Actualización: El ejemplo NVD3 ahora también enlaza a un ejemplo de Mike Bostock (creador de D3) que demuestra una funcionalidad similar, la capacidad de zoom/enfoque en una selección de los datos, implementado puramente con D3.js.

Dygraphs hace exactamente lo que quieres en esta demo:

Http://dygraphs.com/gallery/#g/range-selector

¿Qué tal HighStock, hermano menos conocido de HighCharts?

Sé que estás decidido a usar D3, pero Humble Finance debe ser mencionado, ya que hace exactamente lo que quieres con solo javascript y lienzos.

Si realmente tienes la intención de usar D3, supongo que tendrás que crear algo propio que tiene que ser una pérdida de tiempo dado lo bueno y adecuado que es humble finance.

Consejo para probar Humble Finance: la descarga zip no incluye flotr2 que requiere, sin embargo, se puede descargar fácilmente desde aquí (obviamente, entonces tiene que agregar los archivos flotr2 requeridos al directorio Humble Finance en el lugar correcto).

Editar:

Ignore las Finanzas humildes, intenté usarlas mucho y me dio la vuelta a la esquina. La base de código parecía ser bastante desordenada y tuvo que terminar agregada a muchas bibliotecas a su página para que funcionara, entonces es muy difícil hacer incluso pequeñas alteraciones en el gráfico. Ahora estoy usando D3, pero encontré que es SVG renderizado demasiado lento con un montón (montones y montones) de puntos en la curva. Terminé usando D3 para dibujar los ejes, configurar las escalas y renderizar el cambio de tiempo, y dibujar la curva usando un lienzo. Eso parece funcionar bastante bien. Lo siento, no tengo el ejemplo en ningún lugar visible.

Probablemente llegue un poco tarde a la fiesta, pero el Sr. Bostock ha proporcionado recientemente un excelente ejemplo de lo que estás buscando.

¿Has visto Filtro cruzado? Otra oferta basada en D3, que tiene propiedades similares a la interfaz de Google Finance.

No estoy familiarizado con ninguno de los frameworks que mencionas, pero me preguntaba si era una opción para usar google charts en su lugar. Usando esto usted sería capaz de lo que hacen en Google Finance y el ejemplo de cómo hacerlo podría ser tomado de su sitio web.

Si está buscando otros frameworks para buscar, puedo recomendar Emprise Charts, estoy bastante seguro de que podría hacer algo similar allí y su equipo de desarrollo es muy útil.

Rickshaw ahora soporta esto!

Ver ejemplo y Rickshaw.Graph.RangeSlider.Preview.