Using jQuery and tournament game data from JSON objects, I created and filled in basketball tournament brackets.

The JSON objects were created by looping through each tournament and organizing the data into JSON objects. A JavaScript file with a JSON object was created for each tournament and then ftp’d to the web server where it was used by a different JavaScript file to display a bracket.

The jQuery and JavaScript used to display the bracket parses through the JSON object which included tournament info and round by round game data. Then it built a bracket, positioned everything and appended the HTML to the bracket page to be displayed.

jQuery code snippet:

JSON object snippet: