Component | Graph: More Link Particle Flow and Fit View controls #25
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Changed `linkFlowAnimDuration` and `linkFlowParticleSize` to use `NumericAccessor` for better flexibility. - Updated related calculations in the `_onLinkFlowTimerFrame` and `updateLinks` functions to accommodate the new accessor type.
…n with animation duration and particle size - Added `linkFlowAnimDuration` and `linkFlowParticleSize` properties to `CustomGraphLink` type for improved customization of link animations. - Updated example implementation to utilize the new properties for better visual representation of link flows.
- Added `linkFlowParticleSpeed` property to `GraphConfigInterface` for improved control over link flow animations. - Updated animation duration calculation in the graph component to consider particle speed, allowing for more dynamic link flow behavior. - New CSS props: --vis-graph-link-flow-opacity
…padding - Added `fitViewPadding` property to `GraphConfigInterface` to allow for customizable padding when fitting the graph to its container. - Updated the `bleed` method to utilize `fitViewPadding` for dynamic padding adjustments based on configuration.
- Added `GraphFitViewAlignment` enum to define alignment options (Center, Top, Bottom, Left, Right). - Updated `GraphConfigInterface` to include `fitViewAlign` property with a default value. - Modified `_fit` and `_getTransform` methods to utilize the new alignment options for fitting the graph view. - Adjusted `fitView` method to accept alignment parameter for enhanced flexibility.
- Introduced state management for `fitViewAlignment` to allow users to select alignment options for graph fitting. - Added a dropdown for selecting alignment, utilizing the `GraphFitViewAlignment` enum. - Updated the graph component to pass the selected alignment and padding to the fitting logic.
This give a way better transitions when data or layout changes, and doesn't seem to have a too negative effect on performance
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
linkFlowParticleSpeedproperty allowing set particle speed in pixels/s.Screen.Recording.2025-04-08.at.9.45.48.AM.mp4
Screen.Recording.2025-04-08.at.9.48.52.AM.mp4