imclab / commits-graph

Git commits graph widget using HTML5/Canvas.

commits-graph

A git commits graph widget using HTML5/Canvas. Provide a jQuery plugin which make it easy to use.

inspired by bitbucket

Demo

1. Here is a pure HTML5+JS version, which hosted by github pages.

2. Demo is a python version, which shows how I get preformatted data.

   To run it, you should install libgit2 first, and then install all python dependencies through pip install -r demo/requirements.txt. Finally, you can ./tools/run_demo.sh.

   Try visit,

   • http://localhost:8887
   • http://localhost:8887/?{path}

Options

All of the options have defaults and are not required for execution of the script. (See demo/ for example)

• height|width: 600 - Input the desired height|width of the canvas in pixels.
• orientation: "horizontal"|"vertical" - Allows the user to plot the graph either horizontally or vertically.
• x_step|y_step: 20 - Select the step sizes of the graph, i.e. how many pixels between branches and commits.
• dotRadius: 3 - Specify the radius in pixels of the commit dots.
• lineWidth: 2 - Specify the width of the lines in pixels.

FAQ

1. How do you get preformatted data to draw this graph?

   see git/ & demo/.

Preview

License

http://tclh123.mit-license.org/