Winners Gallery

Popular Choice

View all submissions

About the Challenge

Winners announced (view all dates)

Nick Downie (@nnnick) and ChallengePost invite designers and developers to visualize real personal data in a dashboard using Chart.js. Chart.js is an open source JavaScript library enabling easy creation of client side charts and graphs.

Create a browser-based dashboard with 3 or more Chart.js charts. Visualize real data that will help you track personal activities, optimize your life, and inspire others. Data could include social activity, entertainment, exercise, eating, or anything else you don’t mind sharing publicly!

You can use existing chart.js features and add or extend features to create your dashboard. Examples of potential new features include:

  • Alternative graph animation effects on charts using the in easing equations featured in Chart.js
  • New chart types showing data in beautiful, engaging ways
  • Re-using the string templating functions to generate the HTML for chart legends
  • Extending the Chart.js API by adding new methods to created charts

Judges

Nick Downie

Nick Downie

Project Owner, Chart.js

Stew Langille

Stew Langille

CEO, Visual.ly

Naveen Selvadurai

Naveen Selvadurai

Co-founder, Foursquare

Jesse Thomas

Jesse Thomas

CEO & Founder, JESS3

Judging Criteria

Creativity

Includes creative use of existing Chart.js features

Data

Includes incorporation of charts using interesting and/or live refreshed data

Dashboard design

Includes how well it makes data accessible and engaging

Responsiveness of charts

Includes mobile compatibility of the dashboard

Potential contribution to Chart.js

Includes potential contribution to the Chart.js project by adding or extending features

Prizes

The first 250 individuals and team members entering eligible submissions will receive a challenge t-shirt.

Judges' Picks (2)

$400

iPad mini 16 GB (Estimated retail value plus shipping and tax: $400)

Popular Choice

$400

iPad mini 16 GB (Estimated retail value plus shipping and tax: $400)

How to Enter

  1. Click “Register” to sign up.
  2. Visit Chartjs.org and the Chart.js GitHub repo to access the source, examples and documentation.
  3. Create a personal dashboard. Visualize real personal data by designing a dashboard of 3 or more Chart.js charts. Use existing Chart.js features and, if you want, add or extend features.
  4. Contribute issues or pull requests. You are encouraged, but not required, to add to the project on GitHub.
  5. Submit your dashboard by providing: 1) a URL where your dashboard can be viewed; 2) screenshots of your dashboard (for the website gallery); (3) a description of your dashboard and the personal data used; and 4) link(s) to any pull requests entered on the chart.js GitHub page (optional).