Creación de las coordenadas en el gráfico
Contenido del curso
Creación de las coordenadas en el gráfico
Contenido del curso
Miguel Angel Reyes Moreno
Felix Torres Javier Antonio
Diana Martinez
Sergio Castro García
Sam Leonetti
Santiago Gil
Santiago Gil
Javier Andrés Moreno Tocarruncho
Yefreilee Danny Samuel Parra
JOSE MANUEL MONTAÑO SAENZ
Roberto Dirier Aguilar R
Maximiliano Chamena
Diana Martinez
Jose Alejandro Pantoja Giraldo
Alberto Ivan Cortez Malacara
Alberto Ivan Cortez Malacara
Compleja la clase 😅
Esto es lo más complejo de toda la aplicación!
Excelente!!!
Hola, sin duda el componente del gráfico es el más interesante pero también el más complicado del curso, si sienten que es demasiado para ustedes, no hay ningún problema en saltarse hasta las clases del próximo componente si es necesario.
Recuerden que siempre pueden tomar el código del repositorio del curso si es necesario.
noooooooooooo esta muy interesante profesora, y lo enseñas de forma muy digerible
Para que se utilizan los "..." delante de amounts.value (Min 16:34) ??
Los 3 puntos hacen referencia al spread operator, la profe dijo que para el método Math.min() y Math.max() se deben de agregar una serie de argumentos, mas no un array, es decir, de la siguiente forma:
Math.min(10, 20, 30, -20);
no de esta
const numberList = [10, 20, 30, -20]; Math.min(numberList);
El spread operator lo que hace es que distribuye los elementos de un elemento iterable en el contexto en el que se encuentre...
En este enlace escribí un post específicamente dedicado al uso del spread operator 🤗 https://www.instagram.com/p/CiYlipBLsEF/
Para los que tengan la misma duda, acá ahondo un poco más acerca del spread operator:
https://flower-timpani-138.notion.site/Spread-Operator-b2d18a34e1964b81bfa2ed030e2e6149
🤯
Quede loco con esta clase xD, espero en algún momento poder saber tanto como la profe xD
Si el objetivo es entrar a cada uno de los valores que el array de amounts trae, ¿por que se usa reducer() y no map()?
La función reduce() se utiliza en lugar de map() cuando el objetivo es obtener un único valor agregado a partir de todos los valores del array. Mientras que map() se utiliza para transformar cada elemento de un array y devolver un nuevo array con esos elementos modificados, reduce() permite realizar una operación acumulativa en todos los valores del array y retornar un único resultado. En este caso, si el objetivo es entrar a cada uno de los valores del array de amounts, reduce() podría ser útil para obtener la suma total de todos los valores, por ejemplo.
Hola Diana, no logré entender lo que ocurre en el: return Array(xTamaño).fill(100)... nose a que hace referencia ese 100px. gracias
con Array(xTamaño) creamos un array con cierto número de elementos, y luego a ese array lo rellenamos con fill, con el valor de 100 en cada uno de los elementos del array: [100, 100, 100, ...]
Busquen los conceptos de:
Yo hice esta variante, espero les funcione
const points = amounts.value .map((amount, index) => { const x = (index / (amounts.value.length - 1)) * 300 const y = 90 - (amount / Math.max(...amounts.value)) * 90 return `${x},${y}` }) .join(' ') ```const points = amounts.value .map((amount, index) => { const x = (index / (amounts.value.length - 1)) \* 300 const y = 90 - (amount / Math.max(...amounts.value)) \* 90 return `${x},${y}` }) .join(' ')
const points = amounts.value .map((amount, index) => { const x = (index / (amounts.value.length - 1)) * 300 const y = 90 - (amount / Math.max(...amounts.value)) * 90 return `${x},${y}` }) .join(' ')
