Great article with moving graphs and text (how is this done?)

[Andy Black]

I've not seen an article formatted like this before. It's a great way to explain the data.

A question for you web techies: how the heck did they do this?

It works well on mobiles too!

• Coronavirus data shows which countries have it under control. What did they do right? - ABC News (Australian Broadcasting Corporation)

 

Dislike ads? Remove them and support the forum: Subscribe to Fastlane Insiders.

[rpeck90]

Combination of D3.js and scroll-based triggers.

 

[MattR82]

I'd prefer it if it was activated at a certain point like a normal graphic. The scroll thing really annoyed me and I'm so anti moving widgets these days. For me it was too distracting. Less is more! Haha

 

[Andy Black]

I'd prefer it if it was activated at a certain point like a normal graphic. The scroll thing really annoyed me and I'm so anti moving widgets these days. For me it was too distracting. Less is more! Haha

I liked it because I could pause or scroll back up easily to go through something again. Scrolling up or down could be a good way of moving back and forth through a video, rather than the annoying way of trying to move a slider horizontally.

 

Dislike ads? Remove them and support the forum: Subscribe to Fastlane Insiders.

[MattR82]

I liked it because I could pause or scroll back up easily to go through something again. Scrolling up or down could be a good way of moving back and forth through a video, rather than the annoying way of trying to move a slider horizontally.

I'm on a really old backup phone the last week after cracking the screen on my galaxy, so maybe it's just the ancient phone I'm on making it look a bit gobbledygook.

 

[rblitz]

As rpeck90 mentioned that is done by using client side JavaScript. The downside is that with pages like this it's harder (but not impossible) to do proper SEO because the search engines aren't that good in executing JavaScript; though they got better over the last few years.

edit: But SEO shouldn't bother you, I think...