Jump to content

Parallaxes for Data Visualisations


knockoff

Recommended Posts

I actually started a thread on this in the 'General' channel, but based on the answers I've received I think it might be better in this JS area.

 

I want to learn how to build parallaxes that involve complicated data visualisations, such as these by the New York Times:

1. https://www.nytimes.com/interactive/2022/05/13/us/covid-deaths-us-one-million.html

2. https://www.nytimes.com/interactive/2020/09/27/us/donald-trump-taxes-timeline.html

 

I assume they are parallaxes as they are based on the end-user scrolling down the page, but I have had no success in finding how to do/build the data visualisations. I suspect there is a special package or tool or something, but I don't know what to Google. I inspected the code on the sites but I'm not wise enough to pick out any phrases that tell me the answer. 

 

If anyone can tell me what to search for, I'd really appreciate it.

 

 

My thanks in advance.

 

Link to comment
Share on other sites

I'm not subscribed to the New York Times, so I can't see the articles.

You can start by testing different libraries to see which ones are best suited for your project. Most likely none of them will be perfect but they should be a good starting point. After you have a library you will most likely need to write some additional code yourself or hire someone to do it.

There's a tradeoff between ease-of-use and specialization. If you're satisfied with how a library works out of the box you can just use it as it is. If you want code specialized for your exact use case then you'll need somebody with a minimum level of programming skills. New York Times is a very large company, I would imagine that they've paid developers to code things exactly to their specifications.

Link to comment
Share on other sites

19 hours ago, Ingolme said:

I'm not subscribed to the New York Times, so I can't see the articles.

You can start by testing different libraries to see which ones are best suited for your project. Most likely none of them will be perfect but they should be a good starting point. After you have a library you will most likely need to write some additional code yourself or hire someone to do it.

There's a tradeoff between ease-of-use and specialization. If you're satisfied with how a library works out of the box you can just use it as it is. If you want code specialized for your exact use case then you'll need somebody with a minimum level of programming skills. New York Times is a very large company, I would imagine that they've paid developers to code things exactly to their specifications.

Thanks @Ingolme. Sorry I didn't realise the articles were behind a paywall.

 

I did some stalking and have managed to find the NYT team who produce the reports. They haven't responded (yet - hopefully) but based on their Linkedin profile they are all super specialised in fancy things. One of them posts about WebGL and Github a lot so I guess I have a lot to learn if I want to attempt what they do.

 

Thanks again for your help. 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...