Mi profesor nos ha asignado la tarea de crear una aplicación web que genere gráficos de barras, circulares y de líneas usando solo javascript y SVG. No se permiten paquetes o bibliotecas de terceros. He estado atascado en esto durante semanas y parece que no puedo resolverlo.
Aquí hay un buen ejemplo de lo que estoy tratando de crear http://nasir9bd.github.io/generate-chartjs/ el autor usa jquery y chartjs, que no puedo usar.
Si alguien puede señalarme un tutorial sobre cómo crear esto usando solo javascript y SVG. por favor me estoy volviendo loco! Intenté codificarlo yo mismo y solo llegué hasta cierto punto. Probé tutoriales, pero todos solo usan bibliotecas u otros idiomas.
Aprendí del tutorial de Mozilla . . Hay que tener paciencia leyendo desde cero,
Primero, aprenda la posición 2D de la forma (x, y)
Segundo, aprenda las formas básicas (Rectángulo, Círculo, Elipse, Línea, Polilínea, Polígono, Camino).
En tercer lugar, personalice y decore estas formas con Relleno, Trazo y Degradados.
Ejemplos:
<svg> con elementos <rec> dentro.<svg> con elementos <path> dentro.<svg> con un elemento <polyline> dentro.Intenta leer la sección de formas básicas , haz los ejemplos, obtendrás el 50% de la idea. ¡Buena suerte!