Skip to content

Commit

Permalink
Completed post processing.
Browse files Browse the repository at this point in the history
The post processing part of the algorithm can now be seen with animate: 'during'.
  • Loading branch information
alihanokka committed Mar 21, 2019
1 parent 6e67fe7 commit 3de41a8
Show file tree
Hide file tree
Showing 7 changed files with 684 additions and 641 deletions.
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
node_modules
npm-debug.log
30 changes: 26 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,13 +4,11 @@ cytoscape-avsdf

## Description

An implementation of the circular layout algorithm by He & Sykora ([demo](https://iVis-at-Bilkent.github.io/cytoscape.js-avsdf))
An implementation of the [Circular Drawing Algorithm](https://www.researchgate.net/publication/229019459_New_circular_drawing_algorithms) by Hongmei He & Ondrej Sýkora. ([demo](https://raw.githack.com/iVis-at-Bilkent/cytoscape.js-avsdf/unstable/demo.html))

## Dependencies

* Cytoscape.js ^3.2.0
* <List your dependencies here please>


## Usage instructions

Expand Down Expand Up @@ -52,8 +50,32 @@ Plain HTML/JS has the extension registered for you automatically, because no `re

## API

TODO describe the API of the extension here.
When calling the layout, e.g. `cy.layout({ name: 'avsdf-base', ... })`, the following options are supported:

```js
var defaultOptions = {
// Called on `layoutready`
ready: function () {
},
// Called on `layoutstop`
stop: function () {
},
// number of ticks per frame; higher is faster but more jerky
refresh: 30,
// Whether to fit the network view after when done
fit: true,
// Padding on fit
padding: 10,
// Prevent the user grabbing nodes during the layout (usually with animate:true)
ungrabifyWhileSimulating: false,
// Type of layout animation. The option set is {'during', 'end', false}
animate: 'end',
// Duration for animate:end
animationDuration: 500,
// How apart the nodes are
nodeSeparation: 60
};
```

## Build targets

Expand Down
Loading

0 comments on commit 3de41a8

Please sign in to comment.