Data

Tools

Indexes

Applications

Experiments

Open Source Science

https://github.com/cytoscape/cytoscape.js-panzoom

Panzoom extension for Cytoscape.js

https://github.com/cytoscape/cytoscape.js-panzoom

Science Score: 20.0%

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

  • ○
    CITATION.cff file
  • ○
    codemeta.json file
  • ○
    .zenodo.json file
  • ○
    DOI references
  • ✓
    Academic publication links
    Links to: zenodo.org
  • ✓
    Committers with academic emails
    1 of 6 committers (16.7%) from academic institutions
  • ○
    Institutional organization owner
  • ○
    JOSS paper metadata
  • ○
    Scientific vocabulary similarity
    Low similarity (9.9%) to scientific vocabulary

Keywords

cytoscapejs cytoscapejs-extension

Keywords from Contributors

graph-theory visualisation
Last synced: 10 months ago · JSON representation

Repository

Panzoom extension for Cytoscape.js

Basic Info
  • Host: GitHub
  • Owner: cytoscape
  • License: mit
  • Language: CSS
  • Default Branch: master
  • Homepage:
  • Size: 356 KB
Statistics
  • Stars: 68
  • Watchers: 28
  • Forks: 33
  • Open Issues: 1
  • Releases: 0
Topics
cytoscapejs cytoscapejs-extension
Created over 12 years ago · Last pushed 12 months ago
Metadata Files
Readme License

README.md

cytoscape-panzoom

DOI

Preview

Description

This extension creates a widget that lets the user pan and zoom about a Cytoscape.js graph. This complements the built-in gesture support for panning and zooming in Cytoscape.js by giving less savvy users a more traditional UI -- similar to controls on map webapps.

Dependencies

  • jQuery ^1.4 || ^2.0 || ^3.0
  • Cytoscape.js ^2.0.0 || ^3.0.0
  • Font Awesome 4 (for automatic icons), or you can specify your own class names for icons

Usage instructions

Download the library:

  • via npm: npm install cytoscape-panzoom,
  • via bower: bower install cytoscape-panzoom, 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 panzoom = require('cytoscape-panzoom');

panzoom( cytoscape ); // register extension

// you can pass a custom version of jquery outside of the path // panzoom( cytoscape, $ ); // you shouldn't do this in a modern project... ```

AMD: js require(['cytoscape', 'jquery', 'cytoscape-panzoom'], function( cytoscape, $, panzoom ){ panzoom( cytoscape, $ ); // register extension });

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

You should either include cytoscape.js-panzoom.css (see style in package.json) or a similar custom stylesheet in your project.

API

```js // the default values of each option are outlined below: var defaults = { zoomFactor: 0.05, // zoom factor per zoom tick zoomDelay: 45, // how many ms between zoom ticks minZoom: 0.1, // min zoom level maxZoom: 10, // max zoom level fitPadding: 50, // padding when fitting panSpeed: 10, // how many ms in between pan ticks panDistance: 10, // max pan distance per tick panDragAreaSize: 75, // the length of the pan drag box in which the vector for panning is calculated (bigger = finer control of pan speed and direction) panMinPercentSpeed: 0.25, // the slowest speed we can pan by (as a percent of panSpeed) panInactiveArea: 8, // radius of inactive area in pan drag box panIndicatorMinOpacity: 0.5, // min opacity of pan indicator (the draggable nib); scales from this to 1.0 zoomOnly: false, // a minimal version of the ui only with zooming (useful on systems with bad mousewheel resolution) fitSelector: undefined, // selector of elements to fit animateOnFit: function(){ // whether to animate on fit return false; }, fitAnimationDuration: 1000, // duration of animation on fit

// icon class names sliderHandleIcon: 'fa fa-minus', zoomInIcon: 'fa fa-plus', zoomOutIcon: 'fa fa-minus', resetIcon: 'fa fa-expand' };

// add the panzoom control cy.panzoom( defaults );

// destroy the panzoom control cy.panzoom('destroy'); ```

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-panzoom https://github.com/cytoscape/cytoscape.js-panzoom.git
  4. Make a release on GitHub to automatically register a new Zenodo DOI

Owner

  • Name: Cytoscape Consortium
  • Login: cytoscape
  • Kind: organization

GitHub Events

Total
  • Watch event: 3
  • Fork event: 2
  • Create event: 1
Last Year
  • Watch event: 3
  • Fork event: 2
  • Create event: 1

Committers

Last synced: 11 months ago

All Time
  • Total Commits: 56
  • Total Committers: 6
  • Avg Commits per committer: 9.333
  • Development Distribution Score (DDS): 0.232
Past Year
  • Commits: 0
  • Committers: 0
  • Avg Commits per committer: 0.0
  • Development Distribution Score (DDS): 0.0
Top Committers
Name Email Commits
Max Franz m****z@g****m 43
Manfred Cheung m****n@u****a 7
metincansiper m****r@g****m 2
Alexander Li a****0@g****m 2
Alex Quatrano q****l@g****m 1
Enrique Meléndez Estrada e****z@i****s 1
Committer Domains (Top 20 + Academic)
ita.es: 1 uwaterloo.ca: 1

Issues and Pull Requests

Last synced: 11 months ago

All Time
  • Total issues: 25
  • Total pull requests: 15
  • Average time to close issues: over 1 year
  • Average time to close pull requests: almost 2 years
  • Total issue authors: 21
  • Total pull request authors: 9
  • Average comments per issue: 1.96
  • Average comments per pull request: 1.33
  • Merged pull requests: 4
  • Bot issues: 0
  • Bot pull requests: 5
Past Year
  • Issues: 0
  • Pull requests: 0
  • Average time to close issues: N/A
  • Average time to close pull requests: N/A
  • Issue authors: 0
  • Pull request authors: 0
  • Average comments per issue: 0
  • Average comments per pull request: 0
  • Merged pull requests: 0
  • Bot issues: 0
  • Bot pull requests: 0
View more stats
Top Authors
Issue Authors
  • cmdcolin (3)
  • DiligentTuolaji (2)
  • maxkfranz (2)
  • jstaehli (1)
  • emelendez (1)
  • jerishsd (1)
  • mbabatunde (1)
  • rajukiran (1)
  • idoo (1)
  • metincansiper (1)
  • KonradHoeffner (1)
  • devradhika (1)
  • july-12 (1)
  • djy2017 (1)
  • Abhi5h3k (1)
Pull Request Authors
  • dependabot[bot] (9)
  • nicky1038 (4)
  • oadetoye (2)
  • mj3cheun (2)
  • quatrano (1)
  • venkatkorapaty (1)
  • emelendez (1)
  • antjkennedy (1)
  • dnagirl (1)
Top Labels
Issue Labels
enhancement (1)
Pull Request Labels
dependencies (9)

Packages

  • Total packages: 5
  • Total downloads:
    • npm 27,508 last-month
  • Total docker downloads: 9
  • Total dependent packages: 10
    (may contain duplicates)
  • Total dependent repositories: 141
    (may contain duplicates)
  • Total versions: 67
  • Total maintainers: 7
npmjs.org: cytoscape-panzoom

Panzoom extension for Cytoscape.js

  • Versions: 18
  • Dependent Packages: 10
  • Dependent Repositories: 110
  • Downloads: 27,508 Last month
  • Docker Downloads: 9
Rankings
Dependent repos count: 1.4%
Downloads: 1.5%
Docker downloads count: 1.8%
Dependent packages count: 2.1%
Average: 2.8%
Forks count: 4.6%
Stargazers count: 5.6%
Maintainers (7)
chrtannus mikekucera cytoscapenpm maxkfranz dylanfong metincansiper ugurdogrusoz
Last synced: 11 months ago
bower.io: cytoscape-panzoom

Panzoom extension for Cytoscape.js

  • License: MIT
  • Latest release: 2.5.3
    published almost 8 years ago
  • Versions: 22
  • Dependent Packages: 0
  • Dependent Repositories: 31
Rankings
Dependent repos count: 3.2%
Dependent packages count: 6.0%
Average: 7.8%
Forks count: 9.9%
Stargazers count: 12.2%
Last synced: 11 months ago
bower.io: cytoscape.js-panzoom

Panzoom extension for Cytoscape.js

  • License: MIT
  • Latest release: 2.5.3
    published almost 8 years ago
  • Versions: 22
  • Dependent Packages: 0
  • Dependent Repositories: 0
Rankings
Dependent packages count: 5.1%
Forks count: 9.2%
Stargazers count: 11.5%
Average: 15.9%
Dependent repos count: 37.5%
Last synced: 11 months ago
repo1.maven.org: org.webjars.bower:cytoscape-panzoom

WebJar for cytoscape-panzoom

  • Versions: 2
  • Dependent Packages: 0
  • Dependent Repositories: 0
Rankings
Forks count: 19.4%
Stargazers count: 21.7%
Average: 30.5%
Dependent repos count: 32.0%
Dependent packages count: 48.9%
Last synced: 11 months ago
repo1.maven.org: org.webjars.npm:cytoscape-panzoom

WebJar for cytoscape-panzoom

  • Versions: 3
  • Dependent Packages: 0
  • Dependent Repositories: 0
Rankings
Dependent repos count: 32.0%
Average: 40.4%
Dependent packages count: 48.9%
Last synced: 11 months ago

Dependencies

bower.json bower
  • cytoscape ^2.0.0 || ^3.0.0
  • jquery ^1.4 || ^2.0 || ^3.0
package-lock.json npm
  • 354 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
  • jquery ^1.4 || ^2.0 || ^3.0