May 2019
Beginner to intermediate
650 pages
14h 50m
English
Although network visualizations can reveal important topological information, many times it is difficult to identify individual nodes and their connections. With interactive highlighting you can select groups of nodes and links and hide them so that the relevant parts of the diagram stand out.
In this example (see Force/Interactive/1-highlight.html) we will configure node highlighting with these two CSS classes:
.faded { opacity: .2 }.highlight { stroke-width: 3 }
The highlightNode() function below receives a node and adds the .highlight class to the SVG circle that is bound to it, making its stroke wider. Additionally, it selects all remaining nodes except the ones the current node links to, and fades them. It does ...
Read now
Unlock full access