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

A Cytoscape.js extension that wraps the QTip jQuery library

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

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 (10.6%) to scientific vocabulary

Keywords

cytoscapejs cytoscapejs-extension

Keywords from Contributors

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

Repository

A Cytoscape.js extension that wraps the QTip jQuery library

Basic Info
  • Host: GitHub
  • Owner: cytoscape
  • License: mit
  • Language: JavaScript
  • Default Branch: master
  • Homepage:
  • Size: 90.8 KB
Statistics
  • Stars: 42
  • Watchers: 16
  • Forks: 35
  • Open Issues: 1
  • Releases: 0
Topics
cytoscapejs cytoscapejs-extension
Created over 13 years ago · Last pushed over 6 years ago
Metadata Files
Readme License

README.md

cytoscape-qtip

DOI

Preview

Description

A Cytoscape.js extension that wraps the qTip jQuery library

It is recommended that, where possible, you use cytoscape-popper with tippy.js instead of cytoscape-qtip.

  • The qtip2 library that this extension wraps is no longer maintained by its author.
  • qtip2 does not have proper support for npm+webpack and npm+browserify, whereas cytoscape-popper does -- as do popper.js and tippy.js.
  • cytoscape-popper does not require jquery.
  • qtip2 requires the use of jquery@1 or jquery@2, which are both no longer maintained.

Dependencies

  • jQuery ^3.0 || ^2.0 || ^1.10.0, as qTip requires it
  • qTip ^3.0 || ^2.2.0
  • Cytoscape.js ^2.2.0 || ^3.0.0

Usage instructions

Download the library: * via npm: npm install cytoscape-qtip, * via bower: bower install cytoscape-qtip, 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 cyqtip = require('cytoscape-qtip');

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

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

Note that jquery must point to a jQuery object with .qtip() registered if AMD is used.

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

API

This extension wraps the qTip API so it can be used on Cytoscape.js graph elements instead of HTML DOM elements.

You can call qTip on graph elements: js eles.qtip({ /* options ... */ });

You can call qTip on the core: js cy.qtip({ /* options ... */ });

See the qTip API for details on configuration.

If you want to access the qTip API for an element: js var api = ele.qtip('api');

If you want to access the qTip API for the core: js var api = cy.qtip('api');

See the qTip docs for details on the API. If you create more than one qTip on an element and use its API, you'll have to cache the api references after creating each qTip.

API restrictions

You may not use options.position.target. If you require a different value, like 'body' or 'mouse', you don't need this extenstion -- you can simply use the qTip APIs directly on a DOM element.

API additions

These are additional options you can use for convenience. Remember: This extension is just a wrapper to qTip. If you require more complex behaviour, you should manually use the qTip API.

  • options.position.adjust.cyViewport : When true, updates element qTip position on zoom and pan. Note you'll need your own mechanism to hide out-of-bounds qTips, such as customising the parent container.

  • options.show.cyBgOnly : When true, shows core qTips only for events originated on the core (not bubbled). Useful for "background" events.

  • options.hide.cyBgOnly : When true, hides core qTips only for events originated on the core (not bubbled). Useful for "background" events.

  • options.hide.cyViewport : When true, hides qTips when the viewport is manipulated (i.e. zoom/pan).

Publishing instructions

  1. Set the version number env var: export VERSION=1.2.3
  2. Publish: gulp
  3. 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: 1
  • Pull request event: 2
Last Year
  • Watch event: 1
  • Pull request event: 2

Committers

Last synced: 11 months ago

All Time
  • Total Commits: 77
  • Total Committers: 6
  • Avg Commits per committer: 12.833
  • Development Distribution Score (DDS): 0.195
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 62
Manfred Cheung m****n@u****a 6
n.kudryavtsev n****8@y****u 4
Alexander Li a****0@g****m 2
Alex Quatrano q****l@g****m 2
Nowell Strite n****l@s****g 1
Committer Domains (Top 20 + Academic)

Issues and Pull Requests

Last synced: 11 months ago

All Time
  • Total issues: 31
  • Total pull requests: 6
  • Average time to close issues: 5 months
  • Average time to close pull requests: 3 months
  • Total issue authors: 23
  • Total pull request authors: 5
  • Average comments per issue: 3.13
  • Average comments per pull request: 0.83
  • Merged pull requests: 4
  • 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: 4 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
  • maxkfranz (7)
  • quatrano (2)
  • mafar (2)
  • marcosgeorgopoulos (1)
  • luli-isa (1)
  • somedmguy (1)
  • nitin291989 (1)
  • preraksola (1)
  • emmasuzuki (1)
  • ssmereka (1)
  • dacb (1)
  • ronkpunk (1)
  • jenicar (1)
  • nicky1038 (1)
  • bvarga (1)
Pull Request Authors
  • luke-mckee-ol (2)
  • nicky1038 (2)
  • quatrano (1)
  • ktei (1)
  • nowells (1)
Top Labels
Issue Labels
enhancement (1)
Pull Request Labels

Packages

  • Total packages: 4
  • Total downloads:
    • npm 2,563 last-month
  • Total dependent packages: 6
    (may contain duplicates)
  • Total dependent repositories: 33
    (may contain duplicates)
  • Total versions: 47
  • Total maintainers: 5
npmjs.org: cytoscape-qtip

A Cytoscape.js extension that wraps the qTip jQuery library

  • Versions: 20
  • Dependent Packages: 6
  • Dependent Repositories: 13
  • Downloads: 2,563 Last month
Rankings
Downloads: 3.0%
Dependent packages count: 3.2%
Dependent repos count: 3.3%
Average: 4.1%
Forks count: 4.4%
Stargazers count: 6.5%
Last synced: 11 months ago
bower.io: cytoscape-qtip
  • License: MIT
  • Latest release: 2.8.0
    published over 6 years ago
  • Versions: 23
  • Dependent Packages: 0
  • Dependent Repositories: 20
Rankings
Dependent repos count: 4.1%
Dependent packages count: 6.0%
Average: 8.4%
Forks count: 9.0%
Stargazers count: 14.2%
Last synced: 11 months ago
repo1.maven.org: org.webjars.npm:cytoscape-qtip

WebJar for cytoscape-qtip

  • Versions: 1
  • Dependent Packages: 0
  • Dependent Repositories: 0
Rankings
Forks count: 18.2%
Stargazers count: 23.6%
Average: 30.7%
Dependent repos count: 32.0%
Dependent packages count: 48.9%
Last synced: 11 months ago
repo1.maven.org: org.webjars.bower:cytoscape-qtip

WebJar for cytoscape-qtip

  • Versions: 3
  • Dependent Packages: 0
  • Dependent Repositories: 0
Rankings
Forks count: 18.2%
Stargazers count: 23.6%
Average: 30.7%
Dependent repos count: 32.0%
Dependent packages count: 48.9%
Last synced: 11 months ago

Dependencies

bower.json bower
  • cytoscape ^2.2.0 || ^3.0.0
  • jquery ^1.10.0 || ^2.0
  • qtip2 ^2.2.0 || ^3.0
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 ^3.0.0 || ^2.0 || ^1.10.0
  • qtip2 ^3.0 || ^2.2.0