Update and fix comments in 01_Form folder

* Translate 08_Trig_Wheels_Pie_Chart

Author: Guirdo

src/data/examples/es/01_Form/05_Triangle_Strip.js

@@ -1,5 +1,6 @@
 /*
  * @name Tira de triángulos
+ * @arialabel Un anillo de triángulos blancos formando un heptágono sobre un fondo gris. Cuando un usuario desliza su ratón de izquierda a derecha, el número de triángulo incrementa y crean un anillo circular más suave.
  * @description Ejemplo por Ira Greenberg. Genera un anillo cerrado usando la
  * función vertex() y el modo beginShape(TRIANGLE_STRIP). Las variables outsideRadius
  * e insideRadius controlan los radios externo e interno del anillo, respectivamente.

src/data/examples/es/01_Form/06_Bezier.js

@@ -1,8 +1,9 @@
 /*
  * @name Bezier
+ * @arialabel 10 lineas en una formación de curva bezier. La parte inferior de la curva no se mueve pero conforme el ratón del usuario se mueve, la parte superior de la curva sigue el movimiento de izquierda y derecha
  * @description Los primeros dos parámetros de la función bezier() especifican
  * el primer punto en la curva y los últimos dos parámetros especifican el último punto.
- * Los parámetros de al medio definen los puntos de control que definen la figura de la curva.
+ * Los parámetros del medio definen los puntos de control que definen la figura de la curva.
  */
 function setup() {
   createCanvas(720, 400);

src/data/examples/es/01_Form/07_3D_Primitives.js

@@ -1,7 +1,8 @@
 /*
  * @name Primitivas 3D
+ * @arialabel Fondo gris con un cubo gris oscuro en la esquiza inferior izquierda y una esfera delineada en blanco en la esquina inferior derecha 
  * @frame 720,400 (optional)
- * @description Ubicar matemáticamente objetos 3D en un espacio sintétito.
+ * @description Ubicando matemáticamente objetos 3D en un espacio sintético.
  * Las funciones box() y sphere() toman al menos un parámetro para especificar su
  * tamaño. Estas figuras son posicionadas usando la función translate().
  */

src/data/examples/es/01_Form/08_Trig_Wheels_and_Pie_Chart.js

@@ -1,87 +1,86 @@
 /* 
- * @name Trig Wheels and Pie Chart
+ * @name Ruedas trigonométricas y gráfico circular
+ * @arialabel Dos círculos sobre un fondo blanco. Un círculo tiene rebanadas de diferentes colores. Un círculo consta de rectángulo en espiral dentro de la forma de un círculo en un gradiente de arco iris 
  * @frame 400,400
- * @description contributed by <a href="https://www.rit.edu/directory/wmhics-w-michelle-harris">
-   <b>Prof WM Harris,</b></a> <b>How</b> to create
-a trig color wheel and a visualization of a population age data as a
-pie chart.<br/>
-	Functions are
-created for the canvas setup, trig color wheel, drawslice, and pie
-chart. The size of the slices are determined as well as their color
-range. The pie chart is separated by definitive color per value
-whereas the trig color wheel has a fixed slice amount with a range
-color fill.
+ * @description Contribuido por <a href="https://www.rit.edu/directory/wmhics-w-michelle-harris">
+   <b>Prof WM Harris,</b></a> <b>Cómo</b> crear una rueda trigonométrica de colores y una visualización de los datos de edad de una población como un gráfico circular.<br/>
+   Las funciones son creadas 
+   para la configuración del lienzo, la rueda de colores trigonométrica, el sector del dibujo, y el gráfico circular. 
+   El tamaño de las rebanadas son determinadas así como su 
+   rango de color. El gráfico circular esta separado color definitivo por valor 
+   mientras que la rueda de colores trigonométrica tiene una cantidad fija de rebanadas con un relleno de 
+   color de rango.
 */
 
 function setup() {
   createCanvas(400, 400);
   colorMode(HSB);
   angleMode(DEGREES);
 
-  //vars for color wheel center point
+  //Variables para el punto central de la rueda de colores
   let x = width / 2;
   let y = height / 2 + 100;
-  colorWheel(x, y, 100); //slide 11
+  colorWheel(x, y, 100); //diapositiva 11
 
   noStroke();
-  pieChartPop(200, 100); //slide 12
+  pieChartPop(200, 100); //diapositiva 12
 }
 
-//**** slide 12 pie chart trig demo 
+//**** diapositiva 12 demostración trigonométrica de gráfico circular
 function pieChartPop(x, y) {
   let [total, child, young, adult, senior, elder] = [577, 103, 69,
     122, 170, 113
   ];
   let startValue = 0;
   let range = 0;
 
-  //child slice
+  //Rebanada de niño
   range = child / total;
   drawSlice("blue", x, y, 200, startValue, startValue + range);
   startValue += range;
-  //young slice
+  //Rebanada de joven
   range = young / total;
   drawSlice("orange", x, y, 200, startValue, startValue + range);
   startValue += range;
-  //adult slice
+  //Rebanada de adulto
   range = adult / total;
   drawSlice("green", x, y, 200, startValue, startValue + range);
   startValue += range;
-  //senior slice
+  //Rebanada de adulto mayor
   range = senior / total;
   drawSlice("tan", x, y, 200, startValue, startValue + range);
   startValue += range;
-  //elder slice
+  //Rebanada de anciano
   range = elder / total;
   drawSlice("pink", x, y, 200, startValue, startValue + range);
   startValue += range;
 
 }
 
 /**
- * drawSlice - draw colored arc based on angle percentages. slide 13
- * Adjust angles so that 0% starts at top (actually -90).
- * @param {color} fColor - fill color
- * @param {number} x - center x
- * @param {number} y - center y
- * @param {number} d - diameter
- * @param {float} percent1 - starting percentage
- * @param {float} percent2 - ending percentage
+ * drawSlice - dibuja un arco basado en los porcentajes de ángulos. Diapositiva 13
+ * Ajusta los ángulos para que el 0% empiece en la parte superior (de hecho, -90)
+ * @param {color} fColor - color de relleno
+ * @param {number} x - coordenada x del centro
+ * @param {number} y - coordenada y del centro
+ * @param {number} d - diámetro
+ * @param {float} percent1 - porcentaje inicial
+ * @param {float} percent2 - porcentaje final
  */
 function drawSlice(fColor, x, y, d, percent1, percent2) {
   fill(fColor);
   arc(x, y, d, d, -90 + percent1 * 360, -90 + percent2 * 360);
 }
 
-//**** slide 11 trig demo 
+//**** diapositiva 11 demostración de trigonometría 
 function colorWheel(x, y, rad) {
   strokeWeight(10);
   strokeCap(SQUARE);
 
-  //Iterate 360 degrees of lines, +10deg per turn
+  //Itera 360 grados de lineas, 10 grados por turno
   for (let a = 0; a < 360; a += 10) {
-    stroke(a, 150, 200); //hue based on a
-    //radius is 100, angle is a degrees
+    stroke(a, 150, 200); //hue basado en un
+    //radio es 100, ángulo es un grado
     line(x, y, x + rad * cos(a),
       y + rad * sin(a));
   }