curriculum visualization

Demo

A live demo of this code is at http://csnet.herokuapp.com

Hovering over a node will highlight the associated nodes.

blue = children

green = depends

purple = suggests

Curriculum Network

The curriculum network is located in graph.yaml

Each node (representing a topic) can be associated with a list of children, depends, and suggests

Prerequisites, setup, and running

Make sure you have mongodb installed. On OSX, you can install it via (you'll need homebrew installed):

brew install mongodb

Now let's install some tools with npm (you'll need nodejs installed):

npm install -g mongosrv LiveScript node-dev

git clone this repo:

git clone https://github.com/gkovacs/curriculum-network

cd to the directory and install the npm modules it depends on:

cd curriculum-network npm install

You can start the server by running:

./runserver

Source Layout

css files are in the css directory

js files are in the js directory

Some js files are generated from LiveScript files (.ls extension). The ./runserver command will automatically watch them and compile them to js files as they are changed.