https://github.com/narsil/probability_tree

Probability Tree for the web
https://github.com/narsil/probability_tree

Last synced: 9 months ago
JSON representation

Probability Tree for the web

• Host: GitHub
• URL: https://github.com/narsil/probability_tree
• Owner: Narsil
• Created: 2013-11-28T13:56:28.000Z (about 12 years ago)
• Default Branch: master
• Last Pushed: 2013-11-28T14:30:26.000Z (about 12 years ago)
• Last Synced: 2025-01-24T00:32:11.888Z (11 months ago)
• Language: JavaScript
• Size: 4.93 MB
• Stars: 3
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# [Probability Tree](http://narsil.github.com)

by [Narsil][].

[Narsil]: http://github.com/Narsil

Please note that this is a beta version, so bugs and unimplemented features

are all over the place.

## Requirements

* [jQuery 1.4.3+](http://jquery.com).

* [MathQuill](http://mathquill.github.com).

* [Raphael](http://raphaeljs.com).

## Screenshots

![Display](https://raw.github.com/Narsil/probability_tree/master/img/display.png "Display")

![Edit](https://raw.github.com/Narsil/probability_tree/master/img/editable.png "Editable")

## Usage

To use you will need to provide

The stylesheet

    `

the script

    

Then wherever you'd like a probability tree:

    {'E1': 0.5, 'E2': 0.5}

or have an editable probability tree:

    {'E1': 0.5, 'E2': 0.5}

For dynamically created elements:

`$(yourdiv).probability_tree({data: {'E1': 0.5, 'E2': 0.5})` or `.probability_tree({tree_editable:true})`

You can get the data of a tree dynamically (if editable) via 

    $(yourdiv).probability_tree('data')

###Data you need to provide

The data you need to provide is a JSON in form of a tree. Keys are the name of the

events in the probability. The object behind the key contain:

* 'value' which is the probability to attain current event.

* 'intersection' (leaf nodes) corresponds to the intersection of probabilities of all the previous events.

* All other keys must correspond to subsequent events and have the same structure.

When adding via HTML you directly dump the JSON in your div., When adding 

dynamically it has to be in the following form `$(yourdiv).probability_tree({data: json})`.

When you add dynamically, you can fine tune editability of the tree:

* probability_editable:  Ability to edit probabilities within the tree

* tree_editable:  Ability to edit the tree structure

* event_editable: Ability to edit event names

* intersection_editable: Ability to edit probabilities at the end of the tree

For example, 

    $(yourdiv).probability_tree({ 

        data: data,

        tree_editable: false,

        event_editable: false,

        probability_editable: true,

        intersection_editable: true})

All values (probabilities, event names) can be in LaTeX format.

## Testing

You can test by getting the code running your own webserver (eg: `python -m SimpleHTTPServer`)

And opening `index.html` in your browser.

All dependencies are included in that file.

## Open-Source License

[GNU Lesser General Public License](http://www.gnu.org/licenses/lgpl.html)

Copyleft 2013 [Narsil][]