Graph.tk, representa gráficamente casi cualquier cosa

Seguro que muchos de vosotros conocéis formas de representar gráficamente funciones de una variable a través de internet. Quizás una de las webs más conocidas que ofrecen ese servicio sea Fooplot, donde podemos representar de manera sencilla gráficas de funciones de una y dos variables.

El otro día, gracias a este tweet de @Anuska72 descubrí una nueva web para representar gráficas de funciones de una variable. Esta web es Graph.tk. Y en ella podemos hacer muchas más cosas aparte de representar gráficamente funciones de una variable: podemos representar regiones determinadas por desigualdades, podemos dibujar gráficas de funciones y representar regiones con desigualdades en coordenadas polares, podemos calcular derivadas e integrales de funciones sencillas…Muchas cosas.

Además se pueden representar varias funciones a la vez, funciones junto con regiones del plano definidas por otras funciones, unas en polares junto con otras en cartesianas…Vamos, un programa muy interesante.

Graph.tk es libre y está hecho en HTML5. En la ayuda podéis nos hablan de algunas de las características del programa…

…pero aún hay más. Con su API podemos incluir en nuestro blog una representación gráfica de forma muy sencilla. Por ejemplo, aquí tenemos la representación de la función y=\sin (x):

Bueno, y ahora os dejo a vosotros que investiguéis en la página, que hagáis pruebas y que nos contéis qué tal os ha ido con esta estupenda utilidad.

Espero que os sea de ayuda.


Esta entrada es mi segunda colaboración a la Edición 2.5 del Carnaval de Matemáticas, que en esta ocasión organiza Mago Moebius.

Share

Autor: ^DiAmOnD^

Miguel Ángel Morales Medina. Licenciado en Matemáticas y autor del blog Gaussianos. Puedes seguirme en Twitter o indicar que te gusta mi página de Facebook.

8 Comentarios

  1. En una línea (un poco larga eso sí) os dejo el graficador que acabado de hacer para probar HTML5. El intervalo dibujado tiene dominio [0,1] e imagen [0,1].

    <!DOCTYPE HTML><html><head><script type=”text/javascript”>function u(e){return document.getElementById(e)}function d(t){var f;try{f=eval(“function(x){return “+t+”}”);f(Math.PI)}catch(ex){u(‘m’).innerHTML=’Incorrecta!’;return}u(‘m’).innerHTML=’Correcta!’;var c=u(‘c’);if(c.getContext){var w=c.width*1.0,h=c.height*1.0;var g=c.getContext(‘2d’);g.clearRect(0,0,w,h);g.beginPath();g.moveTo(0,h-h*f(0));for(x=0;x<w;x++)g.lineTo(x,h-h*f(x/w));g.stroke();}else{alert(‘HTML5 no soportado.’);}}</script></head><body onload=”d(u(‘f’).value)”>f(x)=<input id=”f” onkeyup=”d(this.value)” value=”x+0.1*Math.cos(24*x)” /><span id=”m”></span><br /><canvas id=”c” width=”400″ height=”400″></canvas></body></html>

    O directamente pinchando aquí.

    PD: no va en IE, sí en Opera, Firefox, Chrome, …

    Publica una respuesta
  2. “Por ejemplo, aquí tenemos la representación de la función…” Creo que te faltó aclarar que la representación es interactiva: se puede hacer zoom-scroll… Yo, al menos, lo descubrí de casualidad :-)

    Publica una respuesta
  3. Porque la función eval debe evaluar una expresión o statement (no se como es en castellano) y devolver su valor, pero el eval de Chrome sólo sabe evaluar expresiones, de ahí que haya tenido que meter el statement entre paréntesis (para convertirlo en expresión).

    Lo bueno es que eso también le pasa a IE, por lo que ya va también en IE.

    Publica una respuesta

Trackbacks/Pingbacks

  1. El carnaval de Matemáticas día a día… « Juegos topológicos - [...] Graph.tk, representa gráficamente casi cualquier cosa [...]
  2. Bitacoras.com - Información Bitacoras.com... Valora en Bitacoras.com: Seguro que muchos de vosotros conocéis formas de representar gráficamente funciones de una variable…
  3. Resumen de la Edición 2.5 del Carnaval de Matemáticas « Juegos topológicos - [...] Graph.tk, representa gráficamente casi cualquier cosa Una interesante recomendación de Gaussianos (y @Anuska72) para representar gráficas online, lo probaremos.…
  4. Raíces complejas y espirales - Gaussianos | Gaussianos - [...] finalizar os dejo un par de imágenes de una de estas espirales generada con Graph.tk. La primera corresponde al…

Puedes utilizar código LaTeX para insertar fórmulas en los comentarios. Sólo tienes que escribir
[latex]código-latex-que-quieras-insertar[/latex]
o
$latex código-latex-que-quieras-insertar$.

Si tienes alguna duda sobre cómo escribir algún símbolo puede ayudarte la Wikipedia.

Y si los símbolos < y > te dan problemas al escribir en LaTeX te recomiendo que uses los códigos html & lt; y & gt; (sin los espacios) respectivamente.

Envía un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Uso de cookies

Este sitio web utiliza cookies para que tengas la mejor experiencia de usuario. Si continúas navegando estás dando tu consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies. Más información sobre las cookies <aquí..

ACEPTAR