motherjones/brackets

Name: brackets

Owner: Mother Jones

Description: A tool for making bracket interactives

Created: 2014-03-20 00:48:32.0

Updated: 2017-09-07 01:04:32.0

Pushed: 2014-11-18 23:55:31.0

Homepage: null

Size: 1982

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

A tool for making interactive March Madness-style brackets

Sample screenshot.

Examples in the wild

Which of These 16 Cars Wins the Fuel-Efficiency Smackdown?

How it works

Your “players” go in the player column. The metric you're scoring them against goes in the score column.

The bracket doesn't show on mobile. Instead, we show a table of all of the players and their scores; this is a simple static graphic.

MoJo staffers: get started by following these instructions. When you're done, upload to s3 and embed in the shell (how to).

Spreadsheet template

Here

MoJo staffers: Make a copy and move to the relevant beat folder. Change owner to MoJo Data in Share > Advanced

Modify these for your project

In script.js:

The code stays the same, but you'll need to upload a new table graphic.

<div class="table_img" style="display:none;">\
<img src="img/table.png" />\

In style.css:

Here as well, the code stays the same, but you'll want to upload a new background image.

.bracket_container {
  ...
  background-image: url('../img/bg.png');
}