Overview

Dashboard Design

Same data. Different experience.

The concept of a Dashboard appears nearly everywhere. Most obvious are car dashboards with displays of speed, mileage, and navigation. Less obvious examples are: apps with notifications, informational displays in lobbies, and “widgets” on iOS and Android. The menu bar on this computer is a dashboard.

Examples

Skylight Calendar | 15 Inch Smart Family Calendar | Product DetailsSkylight Calendar | 15 Inch Smart Family Calendar | Product Details

TRMNL | ePaper dashboard to stay focusedusetrmnl.com

MagicMirror²magicmirror.builders

All-in-One Smart Family Calendar - Cozyla USCozyla US

Applications of these concepts can be seen in:

• Search for Dashboard on Codepen

• Fast Food restaurants

• Samsung Smart displays

• iOS Widgets and Android Widgets

• Make your own mirror display

• Android Auto or Apple CarPlay

Why Does This Exist?

• Introduction to core JavaScript concepts in mindful way

• Explore JavaScript Date() object

• Manipulate the DOM nodes with dynamic content

• Apply CSS styling to dynamic data

• Explore pro/cons of JS libraries, plugins, frameworks, etc.