Picapica visualization

Visualization of a text and its text reuse sources.

Getting Started

Download the [production version][min] or the [development version][max].

[min]: comming soon [max]: comming soon

In your web page:

<script src="jquery.js"></script>
<script src="dist/jquery.picaviz.min.js"></script>
<script>
jQuery(function($) {
  $('.container').picaviz(model, options)
    //add event listeners: 
    .on('change', function(event, activeIds){
        console.log(activeIds);
    })
});
</script>

Documentation

Model

The model has to look like this:

[
  {
    id: unique identifier,
    source:{
      id: String,
      title: String,
      start: Number,
      end: Number
    }
    passage:{
      start: Number,
      end: Number
    }
  },
  ...
]

Parsed array for drawing

[
  {
    id : id,
    source: source object,
    posSource : Number
  }
]

Examples

(Coming soon)

Release History

(Nothing yet)