Creación de las coordenadas en el gráfico
Contenido del curso
Setup inicial
Vista
Gráfico
Modelo
Cierre
Creación de las coordenadas en el gráfico
Contenido del curso
Creación de las coordenadas en el gráfico
Miguel Angel Reyes Moreno
Estudiante
Felix Torres Javier Antonio
Estudiante
Diana Martinez
Estudiante
Sergio Castro García
Estudiante
Sam Leonetti
Estudiante
Santiago Gil
EstudianteSantiago Gil
Estudiante
Javier Andrés Moreno Tocarruncho
Estudiante
Yefreilee Danny Samuel Parra
Estudiante
JOSE MANUEL MONTAÑO SAENZ
Estudiante
Roberto D Aguilar
EstudianteMaximiliano Chamena
EstudianteDiana Martinez
Estudiante
Jose Alejandro Pantoja Giraldo
Estudiante
Alberto Ivan Cortez Malacara
EstudianteAlberto Ivan Cortez Malacara
EstudianteCompleja 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(' ')