Hey, it depends on how you are going to make design. For example – the ‘ticks’. Are they going to be individual shapes or something made with repeater?
With that in mind, disregarding on design choices – you need to link all design elements to expression, which controls gap space between years data.
Think about it like this. You create 1920 year, with all its items and pre-compose it. Then, you duplicate it and a new layer’s X position is within this approach:
[previousLayerXPosition] + [sliderValue]
Which could be:
thisComp.layer(index-1).transform.position[0] + thisComp.layer("controls").effect("xGap-distance")(1)
Where ‘xGap-distance’ value – slider, in control layer which will affect gap’s distance. With such approach, you can relate slider’s gap value to a scale size. AND, that will give you X position reduce & increase, based on scale.
Let us know if this helps. Cheers.
Find out more:
After Effects Tutorials: motion design, expressions, scripting.
Boxer – Dynamic Text Boxes Template with a Live Preview
Social Media Profiles