DNVR Scale

Version: 0.1.170111.1

Inspired by a similar project Scale 2 of

What is it?

DNVR Scale is a perspective view of length scales between the smallest thing possible to largest things measurable.

How do I use it?

Navigating the scale view can be done by adjusting the slider control on the left of the screen. If it isn’t visible, you will have to enable it in the settings menu on the bottom right corner.

You could also move directly to an object by clickingtapping on the object, which will quickly bring it into view and show you details about the object.

Since you are currently on a touchscreen device, you can get a finer degree of control by swiping in the general area of the screen in a similar way as you would scroll. Swipe upward to view larger objects and downward for smaller objects.

If your PC has a mouse with a scrollwheel, you can use it for general navigation. Page Up and Page Down would work just fine but for more precise navigation use the keyboard’s Up and Down arrow keys. You can slow the speed of navigation by holding the SHIFT key and speed it up by holding either the CTRL or the ALT key.

There are a few settings available in the Settings menu on the bottom right corner, which you can choose from to make your view as detailed or clutter-free as you like.

Be careful with that! You might end up toggling menus in the process. On a Mac, the ALT key is the safe one while the rest do well with CTRL.

How does it work?

DNVR Scale makes use of the web’s de facto languages HTML, CSS and JavaScript. It works in every browser capable of handling the standards, mainly HTML5 custom elements, CSS3 and JavaScript 1.85.

All of the images and their sizes are represented in the markup of this document. When the document loads, this markup is interpreted by the in-page JavaScript program and perspective elevation styles of each of the elements are computed and inserted back into those elements. The CSS engine of the browser handles these style instructions and places every object at their intended locations on the scale.

Every time you scroll, the browser does a recalculation to determine what elevation should be displayed on the screen. In essence, it commandeers the process of vertical scrolling to simulate scrolling along the axis normal to the screen.

Unfortunately this means, it cannot run on any version of Internet Explorer. Compel your dinosaur friends to upgrade to embrace the awesomeness.

But they don’t all scale the same...

The images here are not in linear scale at any point in this simulation project, although any two objects in isolation can appear to be in proportion to the real world by co-incidence.

The normal axis is in a logarithmic scale. This means the gap between a metre tall object an a millimetre tall object is the same as a kilometre tall object to the metre tall one. Equidistant pairs of objects are in a geometric progression.

This is rather equivalent to a one point perspective drawing with the vanishing point at the infinitesimal. It is as if all objects were magically made the same size and then placed on this scale by ascending original size.

10-35 metres1 × 10-35 manti-jarring offsetPlease wait a few moments. We’re getting some things ready.