plot-create-react-app-example
plot-create-react-app-exampl
plot-create-react-app-example | plot-create-react-app-exampl | |
---|---|---|
1 | 1 | |
38 | - | |
- | - | |
10.0 | - | |
over 1 year ago | - | |
JavaScript | ||
ISC 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.
plot-create-react-app-example
-
Reanimate: Haskell library for building declarative animations from SVG graphics
Yeah, I wish this project had a React component backend.
D3.js and Observable Plot don't work that well with modern reactive frontend frameworks either though. They don't diff the SVG tree. The recommended way to react to some data change is to rebuild the whole SVG in a useEffect [1], when in fact you could just have a reactive SVG tree [2]. You just have to unpack and recode what would D3 do (see the case about Axis in the last link). Using enter(), update() and exit() seems to no longer be the way to do things. Also, React components offers great composability to the programmer.
I wish there was a maintained React version of Observable Plot; just like what React-Three-Fiber [3] does with Three.js. Or maybe a version of this Reanimate lib into a React component.
[1] https://github.com/observablehq/plot-create-react-app-exampl...
[2] https://wattenberger.com/blog/react-and-d3
[3] https://github.com/pmndrs/react-three-fiber
plot-create-react-app-exampl
-
Reanimate: Haskell library for building declarative animations from SVG graphics
Yeah, I wish this project had a React component backend.
D3.js and Observable Plot don't work that well with modern reactive frontend frameworks either though. They don't diff the SVG tree. The recommended way to react to some data change is to rebuild the whole SVG in a useEffect [1], when in fact you could just have a reactive SVG tree [2]. You just have to unpack and recode what would D3 do (see the case about Axis in the last link). Using enter(), update() and exit() seems to no longer be the way to do things. Also, React components offers great composability to the programmer.
I wish there was a maintained React version of Observable Plot; just like what React-Three-Fiber [3] does with Three.js. Or maybe a version of this Reanimate lib into a React component.
[1] https://github.com/observablehq/plot-create-react-app-exampl...
[2] https://wattenberger.com/blog/react-and-d3
[3] https://github.com/pmndrs/react-three-fiber
What are some alternatives?
clumsy-graphics - a tool for rapidly developing animations where frames are described using svg elements à la react 🙃
reanimate - Haskell library for building declarative animations based on SVG graphics
react-three-fiber - 🇨🇭 A React renderer for Three.js