跳到主要内容

令人惊叹的数据可视化传达了真正的时间尺度

Web design: Here is Today

+$Like the infinity of space, the immensity of geological time can be a tricky thing to get your head around.今天是今天+$is a simple but brilliantly effective interactive data visualization that brings it all home in a very real and easy-to-grasp way.

设计师卢克特威曼+$explains the motive behind building the site: “Being fascinated by the scale of time, I wanted to create something that would clearly give people a sense of that vastness, and a feeling of where we sit in relation to all that’s gone before. To do this, two important features on the technical side would be some kind of zooming/ scaling mechanic, and also a super clean layout.”

+$Twyman kept all widths relative to make the site’s message convey equally well on a smaller screen: “From the start I decided to do away with pixel measurements and pt sizes for type, and instead set my own measurement unit based on a fraction of the screen width. I set one unit to be 1/22 of the screen width and positioned and scaled everything using that unit, so the spacious layout would be maintained on different displays.”

Web design: Here is Today

+$Designer Luke Twyman uses JavaScript to illustrate the scale of time with Here is Today

+$It took just a small amount of JavaScript to put the animation in place: “The zoom mechanic is based on a simple tween animation formula, which I’ve used numerous times now, although I’d never used it in JS before. In fact this is only the second thing I’ve built using JS, but I’ve found the transition from other languages I’ve used or tried to be fairly easy, and there’s plenty of great documentation at hand online.”

本文最初的特色是.net杂志问题243。

像这样?阅读这些!

+$Have you seen an inspiring example of data visualization? Let us know in the comments box below!



翻译字数超限