¿Trazado de datos 2D basado en JavaScript de lado abierto?

Question

Me pregunto si hay alguna biblioteca de gráficos en 2D que se ejecute en el lado del cliente usando JavaScript. La idea básica es que podrías poner una trama en un navegador y el usuario puede cambiar cosas como escalas y límites X e Y, acercar y alejar, sin tener que recargar constantemente la página web desde el servidor. Los datos en sí mismos se obtendrían a través de AJAX, lo que también le permitiría a un usuario simplemente wget los datos directamente desde el servidor si quieren usar herramientas de servicio pesado. Algo así como la parte 2D de matplotlib para Python.

Esto es algo que eché un vistazo hace mucho tiempo antes de decidir que era más rápido desarrollar algún código que acabara de generar un SVG en el lado del servidor (usando un servidor web eCos incorporado), pero ahora que He estado leyendo sobre cosas como Prototype y jQuery, me pregunto si alguien ya se ha ido y lo ha hecho.

Answer 1

Quizás te interese probar Flot. Flot es una biblioteca de trazado de código abierto de Javascript puro para jQuery. Produce gráficas de conjuntos de datos arbitrarios sobre la marcha en el lado del cliente.

En primer lugar, asegúrese de comprobar el siguiente ejemplo que utiliza datos obtenidos a través de AJAX para trazar un gráfico en rea-ltime:

• Flot Examples - Updating graphs with AJAX

Esto es como ir a buscar y el trazado de la datos con AJAX se vería en código:

function fetchData() { 

    function onDataReceived(series) { 
     data = [ series ]; 

     $.plot($("#placeholder"), data, options); 
    } 

    $.ajax({ 
     url:  "data_feed.php", 
     method: "GET", 
     dataType: "json", 
     success: onDataReceived 
    }); 

    setTimeout(fetchData, 1000); 
} 

desbordamiento de pila también utiliza Flot para el gráfico con zoom en la pestaña de la reputación de perfiles de usuario.

Para más información sobre Flot:

• Flot Project Site
• Flot Examples
• Other Flot Examples

Flot example with zooming overview http://img710.imageshack.us/img710/2062/flot.jpg

Answer 2

Esta página web compara diferentes herramientas javascript trazado.

http://sixrevisions.com/javascript/graph_chart_plot_data_javascript/

FLOT: http://code.google.com/p/flot/

Answer 3

http://g.raphaeljs.com/ - cruz navegador compatible JS biblioteca de gráficos.