[Proyecto] GRAFICA DE BARRAS CON LEYENDA ;)

¡Hola Enrique!

Por lo que veo, tu código ya tiene la función dibujarBarra que recibe los parámetros necesarios para dibujar la gráfica de barras. Sin embargo, falta agregar el código para dibujar la leyenda correspondiente a cada color.

Para dibujar la leyenda, podrías agregar un bucle for que recorra el arreglo de colores y etiquetas, y por cada uno, dibujar un pequeño rectángulo del color correspondiente y el texto de la etiqueta. Algo así:

function dibujarLeyenda(x, y, colores, etiquetas) {
  var ancho = 15;
  var alto = 10;
  var separacion = 5;

  for (var i = 0; i < colores.length; i++) {
    dibujarRectangulo(x, y + i * (alto + separacion), ancho, alto, colores[i]);
    escribirTexto(x + ancho + separacion, y + i * (alto + separacion) + alto, etiquetas[i]);
  }
}

dibujarLeyenda(500, 50, colores, etiquetas);

Este código dibujará un pequeño rectángulo del color correspondiente y el texto de la etiqueta al lado. Puedes ajustar los valores de ancho, alto y separación para que se ajusten a tus necesidades.

¡Espero que esto te ayude a completar tu proyecto! Si tienes alguna otra pregunta, no dudes en preguntar. ¡Buenos estudios!