Clone this wiki locally
Starting the server to see the examples
You can either fork the project from GitHub or download the project from here . If you downloaded the source then uncompress the project somewhere first. Step into the project folder and type:
This will start a server in http://localhost:8080/ . You can access a particular visualization by typing:
$VisualizationName is one of RGraph, Hypertree, Spacetree, etc. You can see all posibilities here .
The actual library code is included in the html file by building the lib each time with only the needed requirements taken from the name of the visualization and the build.json file. The required library code is built by the build.py file.
Building the library code
As I explained before, the build.py file builds a new library with only the needed dependencies for the visualization you want to get. The build.py file uses build.json to check the dependencies of each visualization and builds the library by concatenating the Source files that you can find here .
For example, if you were to build just the Sunburst visualization then build.py would find the Sunburst dependencies here and concatenate the right files.
If you want to build your own copy of the library then you can type
python build.py > my_own_jit_copy.js
If you wanted just the Spacetree and Sunburst visualizations you could instead type
python build.py Spacetree Sunburst > my_own_jit_copy.js
Creating a new visualization
The steps I’d take to create a new visualization (lets call it MyViz) would be:
- Add a MyViz.js file in the Source/Visualizations folder
- Add a MyViz folder in the Tests folder containing your first example file test1.js
- Add a MyViz folder in the Templates folder with a left.html and test1.html files for your first example
- Add a MyViz..css file in the css folder to add some special CSS for your visualization examples.
- Edit the tests.py file to include your new visualization and examples.
- Edit the serve.py file to include in the URL pattern the pattern of your visualization.
- Start coding your visualization in MyViz.js, your new example in test1.js and test it by going to