No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Creación de la lógica del gráfico

14/21
Recursos

Aportes 3

Preguntas 0

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Ojo no voy a decir que la explicación esta mal, pero este ejercicio siempre me recuerda que los profesores de programación en general tiene muy mala metodología al explicar la lógica… por lo menos desde mi forma de aprender… un dibujito de vez en cuando para mostrar los pasos del programa no sobra, y da un mejor panorama de lo que va a pasar

Prefiero usar librerías que permite crear los gráficos, ya que la lógica ya esta establecida. Me pareció muy enredada la explicación para la creación de este tipo de componentes.

Les comparto mi funcion para normalizar

type Range ={min: number, max:number}
export function normalizeRange (from: Range, to: Range) {
  const fromHeight = Math.abs(from.max - from.min) // 16
  const toHeight = Math.abs(to.max - to.min) // 200
  return function normalizeRange (value: number) {
    // Movemos movemos el valor para hacerlo relativo a cero
    const valueFromZero = (value - from.min) // 16
    // Obtenemos el porcentage relativo al tamaño del origen
    const valuePercentage = valueFromZero / fromHeight // 1
    // Convertimos a los valores del target
    const targetSize = valuePercentage * toHeight // 200
    // Agregamos el offset de min
    const result = targetSize + to.min // 200
    return result
  }
}

// uso 

const yNormalizer = normalizeRange({ min, max }, { min: 0, max: 200 })
const y = yNormalizer(amount)