Code or Design Time Visualizations and Apps

WhenHub has built a platform to make it easy for anyone to visualize time-related information in interesting, interactive and engaging ways. Our platform lets you create a schedule of events that have rich media. You can then combine the schedule with a visualization (code) to create an interactive Whencast that allows users to interact with the schedule in novel ways. This interactive Whencast can be published on WhenHub.com, or it can be embedded on any website, including Facebook, just like you would a YouTube video. 

For this Hackathon, we invite creative Coders and Designers to come up with new ways to visualize time-based information, or use our RESTful API to create new and innovative web or mobile apps.

Front-end coders: Using our platform and development tools, you can apply your knowledge of HTML, Javascript and CSS, to create a beautiful visualization that seamlessly integrates time, photos, videos, and maps to create an amazing user experience. Submit your entry in the Best Visualization (Code) category.

Back-end coders: Using the WhenHub API, you can build a web or mobile app that stores, enumerates and displays time-based information in new an innovative ways. Our API makes it easy to programmatically create and manipulate schedules, events and related media. Submit your entry in the Best Use of WhenHub API category.

We invite you to use your graphic and interaction design skills to create a mock prototype of a beautiful visualization that uses time, photos, videos and maps to create a mind-blowing user experience. Submit your entry in the Best Visualization (Design) category.

 

Hackathon Organizer

WhenHub 

https://www.whenhub.com

 

Promotional Partners

Marvel

https://marvelapp.com

 

View full rules

Requirements

The WhenHub Hackathon consists of three categories. Hackathon contestants may submit up to three entries in each of the three categories. This gives you a total of nine possible opportunities to win a prize. While this is theoretically possible, and the rules allow it, keep in mind that quality beats quantity. You may wish to put in more effort into creating one, high-quality entry for the category that best matches your skills. Also note, you cannot submit the same or similar entries in multiple categories; each entry you submit must be distinct and different from any other entries you submit.


Entries in this category consist of a visualization developed with HTML, Javascript and CSS. You can use any frameworks and libraries of your choice. You can write code using any IDE of your choice. However, your submission must be hosted in a public GitHub repository and work with WhenHub Composer, our developer platform for previewing and publishing visualizations.

To get started, visit WhenHub Composer at:

 https://composer.whenhub.com 

Follow the instructions on the site to build your visualization with the template we have provided. (Note: A free account on GitHub is required in order to use WhenHub Composer.)

For documentation and guides, visit our Developer Portal at:

https://developer.whenhub.com

There you will find complete details on how to build a visualization for the WhenHub platform.

 


Entries in this category consist of interactive visualization designs created using the Marvel  prototyping platform. You don't need to write any code, but you do need to create two mock visualizations which are viewable using Marvel and with which a user can interact to see your design for various states (or views) of the visualizations. For example, your first view might show event information grouped by year. Clicking on a year, might reveal how the events for a year might be displayed. Then, clicking on an event, might reveal all the content for that event.

Your entry must depict the visualization for both desktop and mobile browsers (that is, you must build two prototypes).

Since visualizations are developed using HTML, Javascript and CSS, we expect that you will create an interaction design that can be implemented using these technologies. For example, if you include elements in your mobile design that are only possible using native mobile operating system elements, your entry would not be acceptable. 

To start designing your visualization prototypes for desktop and mobile, visit:

https://marvelapp.com

  

 


Entries in this category will use the WhenHub API to either extend an existing web or mobile app, or as the sole back-end for a new web or mobile app. Our API is quite versatile and enables you to programmatically perform most schedule management tasks supported via WhenHub Studio.

For documentation and guides, visit our Developer Portal. There you will find complete details on how to use the WhenHub API as well as reference information for available API end-points.

How to enter



To submit an entry for the Hackathon in this category, you must provide the URL displayed in the "Publish Whencast" panel in the Whencaster section of WhenHub Composer

Your entry must work without errors on the following platforms:

Desktop Browsers (minimum 1000x590 pixels): Latest versions of Chrome (Mac & Windows), Firefox (Mac & Windows), Safari (Mac), Edge (Windows)

Mobile Browsers (minimum 360x640 pixels): Safari (iOS), Chrome (iOS and Android)

 


To submit an entry for the Hackathon in this category, you must provide the URLs displayed when you click the "Share" icon of your desktop and mobile Marvel projects.

  

 


To submit an entry for this category, you must provide the URL for a GitHub repository containing the source code for the entry. The repository must contain a README.md file which provides all information required for us to access and/or download and install your app so that we may evaluate it.

Mockups, wire-frames, slide decks are not acceptable submissions. You must provide access to an app that we can run that demonstrably uses the WhenHub API to display or change information in one or more WhenHub schedules.

(Hackathon judges are volunteers and their fulfillment of this role does not constitute an endorsement of WhenHub.)

Judges

Scott Adams

Scott Adams
Creator of "Dilbert"

Carmen Simon

Carmen Simon
‎Cognitive neuroscientist who helps businesses craft memorable messages that influence decisions

Jon Skeet

Jon Skeet
Author, .NET developer and Stack Overflow contributor with a keen interest in all things date and time

No avatar 100

TBD

No avatar 100

TBD

Judging Criteria

  • Best Visualization (Code) Category - Compatibility
    The visualization works well with many different schedules and handles missing information gracefully.
  • Best Visualization (Code) Category - Performance
    The visualization loads quickly and interactions are smooth, without lag.
  • Best Visualization (Code) Category - Platforms
    The visualization works well with both desktop and mobile browsers.
  • Best Visualization (Code) Category - Settings
    The visualization has features that are user-configurable through Custom Settings.
  • Best Visualization (Code) Category - Themes
    The visualization supports the user's choice of Theme colors.
  • Best Visualization (Code) Category - Play Controls
    The visualization supports Play Controls and responds correctly to play/pause and advance user input.
  • Best Visualization (Code) Category - Innovative
    The visualization displays time-based information in an interesting and innovative manner.
  • Best Visualization (Code) Category - User Experience
    The visualization has a great overall user experience.
  • Best Visualization (Design) Category - Modern Design
    The visualization concept looks fresh and modern.
  • Best Visualization (Design) Category - Views
    The visualization has interactions that show different states and views.
  • Best Visualization (Design) Category - Consistency
    The visualization concept has a consistent look and feel for both desktop and mobile.
  • Best Visualization (Design) Category - Innovative
    The visualization displays time-based information in an interesting and innovative manner.
  • Best Visualization (Design) Category - User Experience
    The visualization has a great overall user experience.
  • Best Use of WhenHub API Category - API End-points
    The app makes correct use of more than two API end-points.
  • Best Use of WhenHub API Category - Non-trivial
    The app uses the API for non-trivial functionality.
  • Best Use of WhenHub API Category - Problem
    The app solves a real-world problem for which the solution requires a time-based information repository.
  • Best Use of WhenHub API Category - Innovative
    The app uses the WhenHub API in an interesting and innovative manner.
  • Best Use of WhenHub API Category - User Experience
    The app has a great overall user experience.