Function buildCompareScatterChartDataset

app/utils/compare-scatter-chart.ts:94–131

(
  packagesData: ReadonlyArray<PackageComparisonData | null>,
  packages: string[],
  xFacet: ComparisonFacet,
  yFacet: ComparisonFacet,
)

}

export function buildCompareScatterChartDataset(
  packagesData: ReadonlyArray<PackageComparisonData | null>,
  packages: string[],
  xFacet: ComparisonFacet,
  yFacet: ComparisonFacet,
): VueUiScatterDatasetItem[] {
  return packagesData.reduce<VueUiScatterDatasetItem[]>((acc, packageData, index) => {
    if (!packageData) {
      return acc
    }

    const x = getNumericFacetValue(packageData, xFacet)
    const y = getNumericFacetValue(packageData, yFacet)

    if (x === null || y === null) {
      return acc
    }

    const fallbackName = packages[index] || `package-${index + 1}`
    const packageName = getPackageName(packageData, fallbackName)

    acc.push({
      name: applyEllipsis(packageName, 14),
      fullName: packageName,
      color: isListedFramework(packageName) ? getFrameworkColor(packageName) : undefined,
      values: [
        {
          x,
          y,
          name: applyEllipsis(packageName, 14),
          fullName: packageName,
        },
      ],
    })

    return acc
  }, [])
}