complie.md

This uses graphviz to print a .dot file to a png. Boxes are greyed out after they have been covered in the course.

To learn more about the dot format, see this pdf.

To generate the image after modifying the dot file, try this:

1. Install graphviz brew install graphviz
2. Run this command to create and open the image: dot -Tpng:quartz:quartz developerroster.dot -o devroster.png && open devroster.png

developerroster.dot

digraph G  {

    subgraph cluster_0 {
        label = "ITS";
        "Len Peters" -> "Jane Livingston";

        subgraph cluster_5 {
            label = "CCT";
            "Jane Livingston" -> "Lec Maj";


            subgraph cluster_7 {
                label = "Web Development";
                "Lec Maj" -> "Casey + Jemin";

                subgraph cluster_8 {
                    label = "Student Developer & Mentorship Program";
                    "Casey + Jemin" -> "Project Manager";
                    "Casey + Jemin" -> "Head TA";
                    "Casey + Jemin" -> "Relationship Coordinator";

                    subgraph cluster_1 {
                        label = "Developer Team x 6";
                        /* Declarations & Styling */
                        "Project Manager";
                        "Technical Lead";
                        "UX/D";
                        "Developer";
                        "New Developer";

                        /* Internal Connections */
                        "Project Manager" -> "Technical Lead";
                        "Project Manager" -> "UX/D";
                        "Project Manager" -> "Developer";
                        "Project Manager" -> "New Developer";
                    }


                    subgraph cluster_2 {
                        label = "Course x 1";
                        /* Declarations & Styling */
                        "Head TA";
                        "TA 1";
                        "TA 2";

                        /* Internal Connections */
                        "Head TA" -> "TA 1";
                        "Head TA" -> "TA 2";
                    }

                    subgraph cluster_3 {
                        label = "Administration";
                        /* Declarations & Styling */
                        "Relationship Coordinator";
                    }
                }
            }
        }
    }
}

devroster.png