cytoscape-autopan-on-drag

A Cytsocape.js extension to automatically pan when nodes are out of canvas bounds

https://github.com/ivis-at-bilkent/cytoscape.js-autopan-on-drag

Science Score: 65.0%

This score indicates how likely this project is to be science-related based on various indicators:

  • CITATION.cff file
    Found CITATION.cff file
  • codemeta.json file
    Found codemeta.json file
  • .zenodo.json file
    Found .zenodo.json file
  • DOI references
    Found 2 DOI reference(s) in README
  • Academic publication links
  • Committers with academic emails
  • Institutional organization owner
    Organization ivis-at-bilkent has institutional domain (www.cs.bilkent.edu.tr)
  • JOSS paper metadata
  • Scientific vocabulary similarity
    Low similarity (10.6%) to scientific vocabulary

Keywords

cytoscapejs cytoscapejs-extension diagramming editor graph-drawing network-visualization

Keywords from Contributors

complexity-management
Last synced: 6 months ago · JSON representation ·

Repository

A Cytsocape.js extension to automatically pan when nodes are out of canvas bounds

Basic Info
  • Host: GitHub
  • Owner: iVis-at-Bilkent
  • License: mit
  • Language: JavaScript
  • Default Branch: master
  • Homepage:
  • Size: 56.6 KB
Statistics
  • Stars: 12
  • Watchers: 16
  • Forks: 4
  • Open Issues: 2
  • Releases: 4
Topics
cytoscapejs cytoscapejs-extension diagramming editor graph-drawing network-visualization
Created over 9 years ago · Last pushed over 2 years ago
Metadata Files
Readme License Citation

README.md

cytoscape-autopan-on-drag

Description

A Cytsocape.js extension to automatically pan when nodes are out of canvas bounds distributed under The MIT License.

Please cite the following paper when using this extension:

U. Dogrusoz , A. Karacelik, I. Safarli, H. Balci, L. Dervishi, and M.C. Siper, "Efficient methods and readily customizable libraries for managing complexity of large networks", PLoS ONE, 13(5): e0197238, 2018.

Dependencies

  • Cytoscape.js ^2.7.0 || ^3.0.0"

Demo

Click for the demo

Usage instructions

Download the library: * via npm: npm install cytoscape-autopan-on-drag, * via bower: bower install cytoscape-autopan-on-drag, or * via direct download in the repository (probably from a tag).

require() the library as appropriate for your project:

CommonJS: ```js var cytoscape = require('cytoscape'); var autopanOnDrag = require('cytoscape-autopan-on-drag');

autopanOnDrag( cytoscape ); // register extension ```

AMD: js require(['cytoscape', 'cytoscape-autopan-on-drag'], function( cytoscape, autopanOnDrag ){ autopanOnDrag( cytoscape ); // register extension });

Plain HTML/JS has the extension registered for you automatically, because no require() is needed.

Default Options

js var options = { enabled: true, // Whether the extension is enabled on register selector: 'node', // Which elements will be affected by this extension speed: 1 // Speed of panning when elements exceed canvas bounds };

API

js var instance = cy.autopanOnDrag( options );

An instance has a number of functions available:

```js instance.enable(); // enable the instance

instance.disable(); // disable the instance ```

You can also get an existing instance:

js cy.autopanOnDrag('get');

Publishing instructions

This project is set up to automatically be published to npm and bower. To publish:

  1. Set the version number environment variable: export VERSION=1.2.3
  2. Publish: gulp publish
  3. If publishing to bower for the first time, you'll need to run bower register cytoscape-autopan-on-drag https://github.com/iVis-at-Bilkent/cytoscape.js-autopan-on-drag.git

Team

Owner

  • Name: i-Vis at Bilkent
  • Login: iVis-at-Bilkent
  • Kind: organization

i-Vis Research Lab at Bilkent University

Citation (CITATION.cff)

cff-version: 1.2.0
message: "If you use this software, please cite it as below."
authors:
- family-names: "Dogrusoz"
  given-names: "Ugur"
  orcid: "https://orcid.org/0000-0002-7153-0784"
- family-names: "Karacelik"
  given-names: "Alper"
  orcid: "https://orcid.org/0000-0000-0000-0000"
- family-names: "Safarli"
  given-names: "Ilkin"
- family-names: "Balci"
  given-names: "Hasan"
  orcid: "https://orcid.org/0000-0001-8319-7758"
- family-names: "Dervishi"
  given-names: "Leonard"
- family-names: "Siper"
  given-names: "Metin Can" 
title: "cytoscape-autopan-on-drag"
version: 2.1.1
date-released: 2021-03-30
url: "https://github.com/iVis-at-Bilkent/cytoscape.js-autopan-on-drag"
preferred-citation:
  type: article
  authors:
  - family-names: "Dogrusoz"
    given-names: "Ugur"
    orcid: "https://orcid.org/0000-0002-7153-0784"
  - family-names: "Karacelik"
    given-names: "Alper"
    orcid: "https://orcid.org/0000-0000-0000-0000"
  - family-names: "Safarli"
    given-names: "Ilkin"
  - family-names: "Balci"
    given-names: "Hasan"
    orcid: "https://orcid.org/0000-0001-8319-7758"
  - family-names: "Dervishi"
    given-names: "Leonard"
  - family-names: "Siper"
    given-names: "Metin Can"
  doi: "10.1371/journal.pone.0197238"
  journal: "PLOS ONE"
  month: 5
  start: 1 # First page number
  end: 18 # Last page number
  title: "Efficient methods and readily customizable libraries for managing complexity of large networks"
  issue: 5
  volume: 13
  year: 2018

GitHub Events

Total
Last Year

Committers

Last synced: over 2 years ago

All Time
  • Total Commits: 33
  • Total Committers: 6
  • Avg Commits per committer: 5.5
  • Development Distribution Score (DDS): 0.636
Past Year
  • Commits: 0
  • Committers: 0
  • Avg Commits per committer: 0.0
  • Development Distribution Score (DDS): 0.0
Top Committers
Name Email Commits
metincansiper m****r@g****m 12
kinimesi k****i@u****m 8
Hasan Balcı b****9@g****m 6
ugurdogrusoz u****z@g****m 3
Alex Nault n****x@g****m 2
Benjamin Knust b****1@n****m 2
Committer Domains (Top 20 + Academic)

Issues and Pull Requests

Last synced: 6 months ago

All Time
  • Total issues: 10
  • Total pull requests: 7
  • Average time to close issues: 6 days
  • Average time to close pull requests: 5 days
  • Total issue authors: 7
  • Total pull request authors: 7
  • Average comments per issue: 2.6
  • Average comments per pull request: 0.0
  • Merged pull requests: 5
  • Bot issues: 0
  • Bot pull requests: 0
Past Year
  • Issues: 0
  • Pull requests: 1
  • Average time to close issues: N/A
  • Average time to close pull requests: 9 minutes
  • Issue authors: 0
  • Pull request authors: 1
  • Average comments per issue: 0
  • Average comments per pull request: 0.0
  • Merged pull requests: 0
  • Bot issues: 0
  • Bot pull requests: 0
Top Authors
Issue Authors
  • jri (3)
  • ugurdogrusoz (2)
  • alexnault (1)
  • zhengyi-yang (1)
  • maxkfranz (1)
  • benjaminknust (1)
  • alexcli (1)
Pull Request Authors
  • kinimesi (1)
  • jri (1)
  • alexnault (1)
  • hasanbalci (1)
  • benjaminknust (1)
  • metincansiper (1)
  • Foxtrot-14 (1)
Top Labels
Issue Labels
Low (2) feature (1)
Pull Request Labels

Packages

  • Total packages: 2
  • Total downloads:
    • npm 8,666 last-month
  • Total dependent packages: 5
    (may contain duplicates)
  • Total dependent repositories: 8
    (may contain duplicates)
  • Total versions: 14
  • Total maintainers: 6
npmjs.org: cytoscape-autopan-on-drag

An extension to automatically pan when nodes are out of canvas bounds.

  • Versions: 6
  • Dependent Packages: 5
  • Dependent Repositories: 8
  • Downloads: 8,666 Last month
Rankings
Downloads: 3.3%
Dependent packages count: 3.7%
Dependent repos count: 4.1%
Average: 5.7%
Forks count: 8.2%
Stargazers count: 9.2%
Last synced: 6 months ago
bower.io: cytoscape-autopan-on-drag

An extension to automatically pan when nodes are out of canvas bounds.

  • License: MIT
  • Latest release: 2.2.1
    published almost 6 years ago
  • Versions: 8
  • Dependent Packages: 0
  • Dependent Repositories: 0
Rankings
Dependent packages count: 5.1%
Forks count: 18.6%
Stargazers count: 19.6%
Average: 20.2%
Dependent repos count: 37.5%
Last synced: 6 months ago

Dependencies

bower.json bower
  • cytoscape ^2.7.0 || ^3.0.0
package-lock.json npm
  • 278 dependencies
package.json npm
  • gulp ^3.8.8 development
  • gulp-jshint ^1.8.5 development
  • gulp-prompt ^0.1.1 development
  • gulp-replace ^0.4.0 development
  • gulp-shell ^0.2.9 development
  • jshint-stylish ^1.0.0 development
  • run-sequence ^1.0.0 development