With the BAS as the example, does this structure work out for the Degree Example?
{
    "contentType": "exampleDegreeGraphic",
    "caption": "One example for each of the three popular majors, leaving out Architecture History and Theory.\n30 point courses twice the height of the 15 point.",
    "content": [{
        "heading": "Year 1",
        "content": [{
            "heading": "1/3",
            "content": [{
                "heading": "SARC",
                "code": "111",
                "points": "15",
                "color": "light green"
            }, {
                "heading": "SARC",
                "code": "131",
                "points": "15",
                "color": "light green"
            }, {
                "heading": "SARC",
                "code": "151",
                "points": "15",
                "color": "light green"
            }, {
                "heading": "SARC",
                "code": "161",
                "points": "15",
                "color": "light green"
            }]
        }, {
            "heading": "2/3",
            "content": [{
                "heading": "SARC",
                "code": "112",
                "points": "15",
                "color": "light green"
            }, {
                "heading": "SARC",
                "code": "121",
                "points": "15",
                "color": "light green"
            }, {
                "heading": "SARC",
                "code": "122",
                "points": "15",
                "color": "light green"
            }, {
                "heading": "SARC",
                "code": "162",
                "points": "15",
                "color": "light green"
            }]
        }]
    }, {
        "heading": "Year 2",
        "content": [{
            "heading": "1/3",
            "content": [{
                "heading": "ARCI",
                "code": "211",
                "points": "15",
                "color": "light blue"
            }, {
                "heading": "ARCI",
                "code": "251",
                "points": "15",
                "color": "light blue"
            }, {
                "heading": "SARC",
                "code": "221",
                "points": "15",
                "color": "light blue"
            }, {
                "heading": "SARC",
                "code": "222",
                "points": "15",
                "color": "light blue"
            }]
        }, {
            "heading": "2/3",
            "content": [{
                "heading": "ARCI",
                "code": "212",
                "points": "30",
                "color": "light blue"
            }, {
                "heading": "SARC",
                "code": "223",
                "points": "15",
                "color": "light blue"
            }, {
                "heading": "Elective",
                "code": "",
                "points": "15",
                "color": "gray"
            }]
        }]
    }, {
        "heading": "Year 3",
        "content": [{
            "heading": "1/3",
            "content": [{
                "heading": "ARCI",
                "code": "311",
                "points": "15",
                "color": "light blue"
            }, {
                "heading": "SARC",
                "code": "351",
                "points": "15",
                "color": "light blue"
            }, {
                "heading": "SARC",
                "code": "362",
                "points": "15",
                "color": "light blue"
            }, {
                "heading": "Elective",
                "code": "222",
                "points": "15",
                "color": "gray"
            }]
        }, {
            "heading": "2/3",
            "content": [{
                "heading": "ARCI",
                "code": "312",
                "points": "30",
                "color": "light blue"
            }, {
                "heading": "SARC",
                "code": "321",
                "points": "15",
                "color": "light blue"
            }, {
                "heading": "Elective",
                "code": "",
                "points": "352",
                "color": "light blue"
            }]
        }]
    }]
}
Questions:

How do we want colors represented?
Will this need a different heading per degree, or should we use the same heading for each?
Browser not supported
