Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

[BUG]: Overview "Language Distribution" percentages are relative to the top-7 languages, not all repos

Abierto Apto para principiantes
  • ¿Algo no está bien?
#402 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 3 días

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
76/100
Tipo de issue
Error
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
javascript, react
Área
data-visualization, frontend

Línea de trabajo

Inspecciona en src/pages/OverviewPage.jsx cómo se usan langMap, la lista de los siete primeros y langTotal para mostrar los porcentajes de Language Distribution. Empieza leyendo ese componente y comprobando la estructura de datos de los repositorios. El issue incluye una reproducción determinista en f5_language_pct.mjs. El trabajo estará terminado cuando los porcentajes mostrados usen como denominador el número de repositorios de toda la organización y coincidan con el ejemplo reportado.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

bug
Bug Description

On the Overview page, the Language Distribution bar/legend shows each language's percentage,
but the denominator is the sum of only the top-7 languages — not the total repo count — so
every percentage is overstated.

src/pages/OverviewPage.jsx:

const langs = Object.entries(langMap).sort((a,b)=>b[1]-a[1]).slice(0, 7)   // top 7 only
const langTotal = langs.reduce((s,[,c])=>s+c, 0)                           // sum of top-7 ONLY
...
{Math.round(count / langTotal * 100)}%

Languages ranked 8th and beyond, and repos with no detected language, are excluded from
langTotal, so the shown percentages sum to 100% but represent share among the top 7, not
share of the organization.

Live example (AOSSIE-Org, 87 repos, 15 distinct languages + 14 repos with no language):
language UI shows true share (of 87)
JavaScript 30% 22%
TypeScript 24% 17%
Dart 17% 13%
Python 11% 8%
The top-7 denominator is 63, but it should be 87.

Steps to Reproduce
  1. Explore an org with more than 7 languages (e.g. AOSSIE-Org).
  2. Open Overview → Language Distribution.
  3. The percentages sum to 100% and overstate each language (JavaScript shows 30% vs a true 22%).

Deterministic check (replicates OverviewPage.jsx:59-62 on live data):
node f5_language_pct.mjs

Logs and Screenshots — drag in f5_evidence.png
=== F5 Overview Language Distribution — AOSSIE-Org ===
total repos : 87
distinct languages : 15 (repos with NO language: 14)
UI denominator (top-7 sum): 63 <-- should be 87 (all repos)

language UI shows true share
JavaScript 30% 22%
TypeScript 24% 17%
Dart 17% 13%
Python 11% 8%

Logs and Screenshots

=== F5 Overview Language Distribution — AOSSIE-Org ===
total repos : 87
distinct languages : 15 (repos with NO language: 14)
UI denominator (top-7 sum): 63 <-- should be 87 (all repos)

language UI shows true share
JavaScript 30% 22%
TypeScript 24% 17%
Dart 17% 13%
Python 11% 8%

Image
Environment Details
  • OS: macOS - Browser: Chrome - Repo: main @ d91d2b8
  • File: src/pages/OverviewPage.jsx (lines 59-62 and ~249)
  • Suggested fix: compute percentages against the total repo count (or the sum of ALL language
    counts incl. a "no language" bucket), not the top-7 sum — or label the chart as
    "share among top languages" so it isn't read as org-wide share.
Impact

Low - Minor inconvenience

Code of Conduct
  • I have joined the Discord server and will post updates there
  • I have searched existing issues to avoid duplicates
Lenguaje dominante
JavaScript
Estrellas
45
Forks
148
Merge medio
5 d 20 h
PR fusionados (30 d)
27

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de AOSSIE-Org/OrgExplorer

Todos los issues de AOSSIE-Org/OrgExplorer

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.