svg-path-morph
X6
svg-path-morph | X6 | |
---|---|---|
2 | 14 | |
716 | 5,418 | |
- | 2.3% | |
3.8 | 9.2 | |
12 months ago | 4 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
svg-path-morph
-
Wrote a tiny NPM package for interpolating between multiple SVG paths
Source: https://github.com/Minibrams/svg-path-morph
-
Morphing SVG based on scroll
If you can define your SVG as variations of the same path, then svg-path-morph could maybe be what you’re looking for
X6
-
[AskJS] Which JS libraries and packages are currently your favourites?
I have been enjoying using X6 (https://github.com/antvis/X6) which is a very feature complete library for building drag and drop node/diagram editors. Most of the documentation is not in English but I found the sample code very easy to follow.
- JavaScript diagramming library that uses SVG and HTML for rendering
-
Show HN: WebApp to Create 3D Plants
https://x6.antv.vision/ is the best I've found, but some of the docs still need the English improved.
-
JavaScript diagramming library that uses SVG and HTML for rendering.
Really? https://github.com/antvis/X6/blob/master/README.en-us.md
- GitHub - antvis/X6: 🚀 JavaScript diagramming library that uses SVG and HTML for rendering.
What are some alternatives?
OnScrollPathAnimations - Animating SVG paths on smooth scroll.
G6 - ♾ A Graph Visualization Framework in JavaScript.
butterfly - 🦋Butterfly,A JavaScript/React/Vue2 Diagramming library which concentrate on flow layout field. (基于JavaScript/React/Vue2的流程图组件)
Rete.js - Rete.js is a framework for creating visual interfaces and workflows. It provides out-of-the-box solutions for visualization using various libraries and frameworks, as well as solutions for processing graphs based on dataflow and control flow approaches.
nomnoml - The sassy UML diagram renderer
graphy-ng - Library for rendering directed graphs in Angular.
diagram-maker - A library to display an interactive editor for any graph-like data.
package-build - cli to build library projects using only package.json and command line arguments as inputs
storybook - Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
typia - Super-fast/easy runtime validations and serializations through transformation
pikchr - Mirror for Pikchr
digraph-js - JavaScript library to make Directed Acyclic Graph construction and traversal easy, including deep circular dependency detection ♽