Skip to content

bianyali/vis-karma

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

Demo

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.

Usage

The main view of the system is as follows:

./org/demo-1.png

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”.

Build

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).

License

MIT license (© 2015 Yali Bian)

About

Visualization of the Causes and Effects of Karma in Buddhism

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 59.0%
  • CSS 32.3%
  • HTML 4.5%
  • Racket 4.2%