WhenHub

Welcome to the WhenHub Developer Platform

Here, you'll find comprehensive guides and documentation to help you start working with WhenHub as quickly as possible, as well as support if you get stuck. Let's jump right in!

If you are new to WhenHub, please take a moment to learn more.

Build VisualizationsVisualizations

Create interesting interactive visualizations for Whencasts.

Get Started

Use the WhenHub APIWhenHub API

Programmatically interact with the WhenHub platform.

Get Started
WhenHub Developer Platform

Resources

Visualizations can be as simple or complex as you can imagine. Below are some resources to assist you in developing beautiful and creative visualizations.

Quick Links

Visualization Development Tools

Visualizations are built with HTML, CSS, and JavaScript. A solid understanding of these technologies will help when building visualizations. Visualizations displayed in their own Iframe, so you can feel free to use whatever approach suits your project best. This can be done with just simple HTML, CSS and JavaScript, or feel free to use the framework of your choice. Below are a few examples of frameworks that will aide in developing outstanding visualizations.

CSS Frameworks

Any CSS framework can be used in a visualization. Here are a few common frameworks:

JavaScript Frameworks

Any Javascript framework can also be used in visualization development. Here are a few common frameworks:

IDEs

Design Patterns

Overview of built in resources

We use a few different tools in the visualizations. These are also made available for use in the visualizations. Below are a few to become familiar with:

  • Moment.js - Parse, validate, manipulate, and display dates and times in JavaScript.
  • Underscore.js - a utility-belt library for JavaScript that provides support for the usual functional suspects (each, map, reduce, filter...) without extending any core JavaScript objects.

Visualization Examples

Below are a few examples of WhenHub Visualizations

  • MultiView - A dynamic visualization that combines a Map, Slider, and Timeline in a highly customizable layout.
  • Layer Slider - Animated photo and title layers slide into place for a beautiful visualization.
  • MultiChart - Allows end user to switch views of schedule event data between multiple different graphs and charts. This visualization requires the schedule to have a minimum of one 'Chart Series' custom field and all events to have the corresponding value defined.
  • Simple List - A simple list visualization with events for the same day/month/year grouped together.