Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add text on network edge when focusing a package #284

Closed
fraxken opened this issue Nov 29, 2023 · 0 comments
Closed

Add text on network edge when focusing a package #284

fraxken opened this issue Nov 29, 2023 · 0 comments
Labels
enhancement New feature or request good first issue Good for newcomers Interface Issue/Task related to the Web Interface vis-network

Comments

@fraxken
Copy link
Member

fraxken commented Nov 29, 2023

When focusing a package we highlight parent and children packages with some colors, but most of the time this is not enough to understand who is child and who is a parent

Vis.js allow to write text on edges

image

This has been done by editing the following code (in vis-network package)

this.rawEdgesData.push({
  from: id,
  label: "foobar",
  font: {
    size: 30,
    align: "middle",
    background: "#EEE"
  },
  to: data.dependencies[name].versions[version].id
});

Tip

Documentation is available here

The goal of the task is to implement on the highlight some text on edges with:

  • parent
  • children

So that's visually better for the end user

@fraxken fraxken added enhancement New feature or request good first issue Good for newcomers Interface Issue/Task related to the Web Interface labels Nov 29, 2023
@fraxken fraxken closed this as completed Dec 4, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request good first issue Good for newcomers Interface Issue/Task related to the Web Interface vis-network
Projects
None yet
Development

No branches or pull requests

1 participant