Visualization of the Causes and Effects of Karma in Buddhism
Clone or download
Pull request Compare This branch is 2 commits behind yalibian:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Vis-Karma: Visualization of Karma Relationships

Vis-Karma is a visualization system to represent the relations of causes and effects of karma in Buddhism. The main view is based on Bundle Layout in D3.js which implements Danny Holten’s hierarchical edge bundling algorithm.


There are two demos of this system, the one with a backend and one without backend. The first one can store the changes of the input, output nodes, and their relationships on the bakend database. The second one, on the other hand, is used for expression for everyone, so no one can change the basic informations that the system has, though you can change it instantly.


The main view of the system is as follows:


The left side nodes are input “causes”, the right sides nodes are output “effects”, just like general functions. You can have the following interactive operations on the elements of the view:

  • When click the text, you can modify the information of the input or output nodes.
  • When move the mouse on words such as “邪见”, links between the node “邪见” and effects nodes emerge, which show the cause and it’s effects, and more information will appear at the info-box in left or right side.
  • You can drag one input node to a output node, to add, delete or modify the relationship between the input “cause” and output “effect”.


If you want to build this system on your own pc, you should:

  • Download DrRacket from racket-lang
  • Install DrRacket
  • Download this repo
  • open file “run.rkt” in this repo using GrRacket
  • Click “Run” on Top Right of GrRacket
  • Open “http://localhost:9999” in your Browser (Like Chrome, Firfox, or Safari).


MIT license (© 2015 Yali Bian)