Infographic Expertise Like Neal Agarwal's Sea Life Available to Beginners

Infographic Expertise Like Neal Agarwal's Sea Life Available to Beginners

The evolution of HTML, CSS, and JavaScript and their linked functionality has led to many impressive visual effects becoming all the more plausible for less experienced web developers to learn and manipulate. What has subsequently trended in web design as an art form is a focus on visually distinct simplicity and the marriage of understandable components to create results that seem more sophisticated than they really are. While this is very important for websites that are meant to fulfill companies' business needs, websites that simply exist to inform or show off are more likely to show far more artistic complexity in comparison.

A vertical infographic about sea life by Neal Agarwal is mainly impressive for its sheer length and the information and visual assets the author went out of his way to compile and arrange to fill that space up. By scrolling down, the audience can view countless still images of sea creatures that exist at different levels of depth in the world's oceans, and the amount of meters underwater that the user descends is dynamically tracked by a meter counter.

Contemporary web design holds that the point on the page at 332 meters that represents where human divers have historically reached would make for a "very long" page in other contexts, but the page continues down to where the counter surpasses 10,000 meters. Along the way, the infographic continuously dispenses pieces of trivia such as whether the user has scrolled past the resting place of the RMS Titanic or has scrolled for more meters than the height of Mount Everest.

Part of the visual appeal of this infographic's execution is owed to animated details that suggest that the user is descending through liquid space rather than a static image. Small, blurry specks routinely materialize and shrink while traveling horizontally and very slowly, giving the impression that they are floating in place. These specks are divided between layers that move at different speeds when the page is scrolled, which helps convey that there is a great deal of space between the user and the otherwise flat plane in the background. For more information click here https://neal.fun/deep-sea/.

Infographic HTML CSS Javascript Beginners