Skip to content
Switch branches/tags
This branch is up to date with master.

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

Grandstand: Visualize your Sprints is a great tool for Agile development, however it can be difficult to get a good sense of the size of your queue and how stories, tasks, and defects are distributed among your team.


Based on Scrumly with interaction and visualization help from Isotope, with Grandstand your items are sized by their score, colored by their type, and arranged in a masonry grid. You can filter your project's items by user, status, type, and score.

Grandstand in action...

Animated screenshot


Getting started is simple, assuming you have a account:

  1. Clone this repository recursively (git clone --recursive Without the --recursive flag, you won't get the necessary submodule.
  2. Clone or download this repo.
  3. Open resources/config.template.php, fill in your user, product, and API key information.
  4. Save this file as config.php.
  5. Setup the files on a webserver, or run locally with MAMP.
  6. Open index.php in your favorite browser.


Grandstand can easily be deployed to Heroku, but you probably don't want to put your Sprintly API key in source control. To allow you to deploy to Heroku securly, Grandstand will fall back to using environment variables for its configuration so you can use heroku config to set them.

  1. Clone this repository recursively (git clone --recursive Without the --recursive flag, you won't get the necessary submodule.
  2. Setup a new Heroku application and procure its git repository URL.
  3. Add that repo as a remote for your local clone: get remote add heroku
  4. Make sure that you have the Heroku gem or toolbelt: gem install heroku
  5. Set your Grandstand configuration on Heroku. See config.template.php for info on the required variables. Example: heroku config:set api_key=asdfqwerty1234 product_id=5555 product_name=myproduct
  6. Deploy: git push heroku master
  7. Visit the Heroku application in your favorite browser.

Other deployed environments

You're mostly on your own. You can use environment variables to setup your Grandstand configuration. See Heroku above for more information.


This project uses Grunt to compile Sass to CSS, concatenate, minify, and uglify the JavaScript, and watches for changes to these files. If you're working on this project, run npm install in the project directory, and once the packages installs, run grunt.

To do

This project goal is to experiment with new ways of visualizing and interacting with an Agile queue beyond the standard column layout. Grandstand should be improved to make better use of the more functionality offered by the API. Additional features that would make Grandstand more useful (these and and other odds and ends are in issues):

  • Sort items by number, date added, activity, etc.
  • Display item meta information beyond number and title.
  • Build a configuration pane to allow users to input information for their own projects. With this feature, there could be a publicaly accessible demo.
  • Filter on multiple parameters within the same dimension.
  • Figure out how to get around the 100 item API limit. Thanks, @t1mmen!


Thanks for pitching in:


Visualize your Sprints




No releases published


No packages published