@aptpod/data-viz-create-visual-parts-react/template/visual-parts-react/src/entrypoint/samples/horizontal-bars/utils.ts

template of npm project with typescript

/**
 * 縦、横いずれかが1マス以下であれば小さく表示します。
 */
export const shouldDisplayedSmall = (
  colSpan: number,
  rowSpan: number,
): boolean => {
  return colSpan <= 1 || rowSpan <= 1
}

/**
 * Ratio(0〜1)を計算する
 */
export const calcRatio = (params: {
  value: number
  min: number
  max: number
}): number => {
  const { value, min, max } = params

  if (isNaN(value)) {
    return 0
  }

  const len = max - min
  if (len === 0) {
    return 0
  }

  let ratio = (value - min) / len
  ratio = Math.min(ratio, 1)
  ratio = Math.max(ratio, 0)

  return ratio
}