Gathering detailed insights and metrics for vega-tooltip
Gathering detailed insights and metrics for vega-tooltip
Gathering detailed insights and metrics for vega-tooltip
Gathering detailed insights and metrics for vega-tooltip
npm install vega-tooltip
Module System
Min. Node Version
Typescript Support
Node Version
NPM Version
79 Stars
1,128 Commits
45 Forks
17 Watching
10 Branches
33 Contributors
Updated on 16 Nov 2024
TypeScript (83.92%)
JavaScript (12.02%)
SCSS (3.53%)
Shell (0.53%)
Cumulative downloads
Total Downloads
Last day
-1.7%
24,738
Compared to previous day
Last week
-4.8%
125,650
Compared to previous week
Last month
2.3%
574,414
Compared to previous month
Last year
26.6%
8,170,008
Compared to previous year
1
35
1
A tooltip plugin for Vega and Vega-Lite visualizations. This plugin implements a custom tooltip handler for Vega that uses custom HTML tooltips instead of the HTML title
attribute. Vega Tooltip is installed in the Vega Editor.
Features
title
(becomes the title of the tooltip) and image
(used as the url for an embedded image)http://vega.github.io/vega-tooltip/
We recommend using Vega-Embed, which already comes with this tooltip plugin.
You can install Vega tooltip directly with npm install vega-tooltip
.
You can import vega-tooltip
directly from jsDelivr
. Replace [VERSION]
with the version that you want to use.
1<!-- Import Vega 5 & Vega-Lite 4 (does not have to be from CDN) --> 2<script src="https://cdn.jsdelivr.net/npm/vega@5"></script> 3<script src="https://cdn.jsdelivr.net/npm/vega-lite@4"></script> 4 5<script src="https://cdn.jsdelivr.net/npm/vega-tooltip@[VERSION]"></script>
If you use Vega-Embed, you don't need to install Vega Tooltip! Vega Embed already comes with Vega Tooltip. You can however pass tooltip customizations.
1vegaEmbed("#vis", spec, {tooltip: {theme: 'dark'}})
2 .then(function(result) {
3 // result.view contains the Vega view
4 })
5 .catch(console.error);
If you want to use a different version of the tooltip handler, you can override the default handler with the handler from Vega Tooltip (and you need to install it separately).
1var handler = new vegaTooltip.Handler();
2vegaEmbed("#vis", spec, {tooltip: handler.call})
3 .then(function(result) {
4 // result.view contains the Vega view
5 })
6 .catch(console.error);
See the API documentation for details.
vega-tooltip
, type command npm i
to install dependencies.npm run start
. This will build the library and start a web server.http://localhost:8000/
, where you can see various Vega-Lite and Vega visualizations with tooltip interaction.To make a release, run npm run release
. The update the website with npm run deploy:gh
.
No vulnerabilities found.
Reason
no dangerous workflow patterns detected
Reason
no binaries found in the repo
Reason
30 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 10
Reason
license file detected
Details
Reason
2 existing vulnerabilities detected
Details
Reason
Found 2/8 approved changesets -- score normalized to 2
Reason
dependency not pinned by hash detected -- score normalized to 2
Details
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
project is not fuzzed
Details
Reason
security policy file not detected
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Score
Last Scanned on 2024-11-18
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More