How to Make this in 3 Minutes

<aside> 💡

Go to Project Settings > Expressions and make sure the engine is set to JavaScript.

</aside>

01. Add a Null.

Name it Guide.

02. Draw an Ellipse.

03. Add a Text Layer and type the numbers.

04 Align them.

Hold Shift and parent the text to the Ellipse. Parent the Ellipse to the Guide.

05. Add a slider to the Guide.

Name it leadingSize.

06. Set the Leading Slider to 50 and link it to the Source Text.

var leadingSize = thisComp.layer("Guide").effect("leadingSize")("Slider");

style.setLeading(leadingSize);

07. Fix the text Anchor Point.

var textSize = sourceRectAtTime();

[textSize.left + (textSize.width / 2), textSize.top + (textSize.height / 2)];

This makes the Anchor Point auto adjust to the center, left is how far the left edge is from the Anchor Point, adding half the width gets you to the middle of the box, same logic applies for the top and height.

08. Add a Slider to the Text Layer.

Name it numberControl, this will control how many numbers are shown.

09. Add a Scale Animator to the Text.

Set units to index. Based on lines. Smoothness to 0. Scale to 0.

10. Link the numberControl Slider to the End of the Range Selector.