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 | Smart Family CalendarSkylight Calendar | Smart Family Calendar

TRMNL

MagicMirror²

Cozyla Calendar+ | Smart Family Calendar Digital Wall Calendar - CozylaCozyla

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.