rn-goal-graph/src/scale.ts

rn-goal-graph is use for react native graph. it show the overall progress with custom filter like "week" and "month". you have to pass a structred data into it.

import { Dimensions, Platform, StatusBar } from "react-native";
const { width, height } = Dimensions.get("window");
const guidelineBaseWidth = 375;
const statusBar: any = StatusBar.currentHeight;
const scale = (size: number) => (width / guidelineBaseWidth) * size;
const moderateScale = (size: number, factor = 0.5) =>
  size + (scale(size) - size) * factor;
const textScale = (percent: number) => {
  const screenHeight = Dimensions.get("window").height;
  const ratio =
    Dimensions.get("window").height / Dimensions.get("window").width;
  const deviceHeight = 375
    ? screenHeight * (ratio > 1.8 ? 0.126 : 0.15)
    : Platform.OS === "android"
    ? screenHeight - statusBar
    : screenHeight;
  const heightPercent = (percent * deviceHeight) / 100;
  return Math.round(heightPercent);
};
export { textScale, moderateScale, width };