This is a fork from mbostock's calendar heatmap example at https://gist.github.com/mbostock/4063318
I wrote this skill tree diagram for teaching Intro to Programming with the YEI Tech Bootcamp Summer 2014. Boxes are greyed out after they have been covered in the course. Some topics are not required to progress to the farther parts, like how "csv import/export" isn't required to move beyond database section beyond to the web app sections, but it would be natural to teach in that section if we wanted to cover it. Each big-box section ends with a project/assessment to make sure the students understand the content enough to apply it, before move on.
This uses graphviz to print a .dot file to a png. To learn more about the dot format, check out my graphviz tutorial.
To generate the image after modifying the dot file, try this:
- Install graphviz
brew install graphviz
- Run this command to create and open the image:
dot -Tpng:quartz:quartz developercurriculum.dot -o courseprogress.png && open courseprogress.png