AnimG LogoAnimG

Building a Frequency Distribution Table Step by Step

Frequency Distribution Table Construction

Overview

The animation demonstrates how a raw list of 10 sales values is transformed step‑by‑step into a complete frequency distribution table, showing absolute frequency, relative frequency, percentage, cumulative absolute frequency, cumulative relative frequency, and cumulative percentage.


Phases

# Phase Name Duration Description
1 Data Introduction ~4s The 10 sales data points appear as a horizontal list in the bottom area.
2 Class Binning ~5s The data are grouped into appropriate class intervals (e.g., [0,10),[10,20),…[0,10),[10,20),\dots). The intervals are displayed in the left area.
3 Absolute Frequency ~5s For each class, the count of data points is tallied and shown in the table column "ff".
4 Relative Frequency ~4s The relative frequency r=fNr = \frac{f}{N} is computed and displayed in column "rr".
5 Percentage ~4s Percentages p=100,rp = 100\\,r are added in column "\\%".
6 Cumulative Absolute ~4s Cumulative absolute frequency FF is filled column "FF".
7 Cumulative Relative & Percent ~4s Cumulative relative R=FNR = \frac{F}{N} and cumulative percent P=100,RP = 100\\,R are added in columns "RR" and "\\%_{cum}".
8 Final Table Reveal ~3s The complete table fades in, and the bottom data list fades out.
9 Outro ~2s A brief caption summarizing the key takeaway fades in at the bottom.

Layout

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚                 TOP AREA                    β”‚
β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€
β”‚                      β”‚                      β”‚
β”‚      LEFT AREA       β”‚     RIGHT AREA       β”‚
β”‚  (Table building)    β”‚  (Class intervals   β”‚
β”‚                      β”‚   & legends)         β”‚
β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”΄β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€
β”‚                 BOTTOM AREA                 β”‚
β”‚   Raw sales data list (initially)           β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

Area Descriptions

Area Content Notes
Top Title: "ConstrucciΓ³n de la tabla de distribuciΓ³n de frecuencias" Fades in at start of Phaseβ€―1
Left The frequency table, columns added progressively per phase Primary focus; columns appear with a smooth left‑to‑right reveal
Right List of class intervals with a brief legend explaining bin width Appears in Phaseβ€―2 and stays throughout
Bottom Horizontal list of the 10 raw sales values (e.g., 5, 12, 7, 22, …) Visible only in Phaseβ€―1, fades out after Phaseβ€―8

Notes

  • The raw data are generated randomly but fixed for reproducibility (e.g., [5,12,7,22,9,15,18,3,27,11][5, 12, 7, 22, 9, 15, 18, 3, 27, 11]).
  • Class intervals are chosen to cover the data range with a convenient bin width (e.g., widthβ€―=β€―5).
  • All numerical values are displayed with one decimal place for relative and cumulative relative columns, and with no decimals for absolute counts.
  • Transitions between phases use a brief cross‑fade (β‰ˆ0.5β€―s) to keep the total runtime under 30β€―seconds.
  • No textual narration is used; the visual progression alone conveys the construction process.
  • The final caption in the Outro reads: "La tabla muestra cΓ³mo se distribuyen las ventas en frecuencias absolutas, relativas y acumuladas."

Created By

Blanca CujiBlanca Cuji

Description

The animation starts with ten sales numbers, groups them into equal class intervals, then sequentially fills a table with absolute counts, relative frequencies, percentages, cumulative counts, cumulative relative frequencies and cumulative percentages, ending with the complete table and a summary caption.

Created At

Mar 31, 2026, 05:25 PM

Duration

0:35

Tags

statisticsfrequency-distributiondata-visualizationeducational

Status

Completed
AI Model
Auto