clumsy-graphics
react-diagrams
clumsy-graphics | react-diagrams | |
---|---|---|
7 | 7 | |
11 | 8,355 | |
- | 0.7% | |
10.0 | 6.8 | |
over 1 year ago | 3 months ago | |
TypeScript | TypeScript | |
GNU General Public License v3.0 or later | 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.
clumsy-graphics
-
Reanimate: Haskell library for building declarative animations from SVG graphics
for those interested in a typescript / react alternative checkout https://github.com/clumsycomputer/clumsy-graphics
- clumsy-graphics: a tool for rapidly developing animations where frames are described using svg elements à la react
- built on node => a tool for rapidly developing animations where frames are described using svg elements à la react
- thanks to inkscape, ffmpeg, and countless other opens-source software projects... ive implemented a tool for rapidly developing animations where frames are described using svg elements à la react
- thanks to ffmpeg and inkscape ive implemented a tool for rapidly developing animations where frames are described using svg elements à la react
-
Show HN: A novel math library for the TypeScript community
here is a little library of fun math functions and types that have been slowly iterated on in one form or another during my free time for the past decade
the stuff on rhythm is the most fleshed out and should be documented enough for others to dive into
theres also some rough utilities for playing with prime numbers which can be helpful when composing rhythms
the next step for this library is to implement functions and types dealing with the concept of a loop which is a generalization of a circle, ellipse, and egg plus additional features!! this abstraction is what im most excited about right now but the current implementation is rather slow for professional use when dealing with audio/signals
the majority of the code presented here was developed in the context of me playing with simple 2d graphics and animations and thus may hinder more serious use from others. nonetheless i felt like it was time to share
if you want to play around with the code yourself i recommend using a tool that ive been developing that enables rapidly developing animations where frames are described using svg elements ⓐ la react
https://github.com/clumsycomputer/clumsy-graphics
react-diagrams
-
react-diagrams VS rete - a user suggested alternative
2 projects | 9 Jun 2023
-
Visual Gherkin Manager - devlog#2
The library react-diagrams is very extensive, allowing easy customization of all necessary components styles and behaviors. For example, It were necessary to create custom node and label components to contemplate the desired needs.
-
# Visual Gherkin Manager
A canvas to model the flows: This "modeler" will be implemented using the Storm React Diagrame that allows to create beautiful and consistent diagrams. It must be possible to generate a diagram like this:
-
Diagramming Library
I found react-diagrams and have ideas how I could use something like this in my Vue.js projects. Has anyone come across something similar for Vue?
-
How to create a Flow builder / Node graph like in the example image
https://github.com/projectstorm/react-diagrams is an alternative to react-flow
-
Looking for Node Editor, GUI Logic Block editor libraries
This is one I recently used. https://github.com/projectstorm/react-diagrams
-
A New Architecture for Plaid Link: Server-Driven UI with Directed Graphs
Good question — we used https://github.com/projectstorm/react-diagrams
What are some alternatives?
plot-create-react-app-exampl
react-flow - React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable. [Moved to: https://github.com/xyflow/xyflow]
prettyavatars - A collection of pretty default avatars to use in your next project ✨
reaflow - 🎯 React library for building workflow editors, flow charts and diagrams. Maintained by @goodcodeus.
clumsy-math - a little library of helpful math utensils 🙂
grafana-diagram - A Grafana plugin to visualize metrics in a diagram using flow charts, gantt charts, sequence diagrams, or class diagrams
plot-create-react-app-example - An example of Observable Plot with Create React App
Blazor.Diagrams - A fully customizable and extensible all-purpose diagrams library for Blazor
reanimate - Haskell library for building declarative animations based on SVG graphics
nomnoml - The sassy UML diagram renderer
video-cutter - Cut any video online using FFMPEG... no server needed ! (Thanks WebAssembly)
core - Renderer for TLDraw and maybe you, too.