ripl
canvas-engines-comparison
ripl | canvas-engines-comparison | |
---|---|---|
3 | 10 | |
308 | 725 | |
- | 6.2% | |
8.1 | 6.6 | |
about 1 month ago | about 1 month ago | |
TypeScript | JavaScript | |
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.
ripl
canvas-engines-comparison
-
Show HN: A JavaScript library for data visualization in both SVG and Canvas
Hey there,
If a focus is on performance, would you consider doing a side-by-side with other similar libs?
This benchmark was posted on HN a few years back, for example: https://benchmarks.slaylines.io/ (from https://news.ycombinator.com/item?id=23083730)
Or something like the bunnymarks for Pixi (https://www.goodboydigital.com/pixijs/bunnymark/) and Konva (https://konvajs.org/docs/sandbox/Jumping_Bunnies.html)
----------
In general, your lib reminds me a lot of Konva. I found their examples page to be really helpful in illustrating higher-level usage: https://konvajs.org/docs/sandbox/index.html
Maybe real-world use cases like that could be helpful for yours too? As it is, the readme doesn't make it super clear why it's preferable to any of the other existing libs yet. There are already so many, each with strengths and weaknesses... what sets yours apart?
For example, I don't know why "rendering to both Canvas and SVG" is a selling point in particular. Are there platform-specific reasons (native?) to prefer one over the other, as opposed to whatever a particular lib's implementation might be? Is there a use case where mixing and matching the two might be helpful?
-
What cc technologies are most likely to be applicable to employment?
There's lots of JS canvas libraries around which you can experiment with to find one that suits your preferred working practices. Some of them support TS coding, and embedding in various frameworks eg React. See this GitHub repo which includes links to various libraries.
-
P5.js – A library to make coding accessible for artists, designers, educators
There's links to lots of canvas libraries here: https://github.com/slaylines/canvas-engines-comparison
-
Examples of mobile web use of canvas
You can find links to a bunch of 2D Canvas libraries here: https://github.com/slaylines/canvas-engines-comparison - most of them will be able to meet the requirements you've outlined, though they each have their own approach to doing things (with consequent learning curves).
-
Why does Foundry heat up my Mac so badly?
You can play around with something https://benchmarks.slaylines.io/ to see which libraries perform the best. But in the end, I think we're stuck with poor MacOS performance until either Google invests in the Metal API for Chrome (unlikely), or Apple invests in Safari's WebGL support (more likely, but still not great).
-
Vector.js: an open source JavaScript library for creating interactive graphics
Can I ask where you got your list of JS graphics/canvas libraries to review?
Discovery is the biggest issue facing any JS canvas library developer - and after ten years I still haven't worked out how to crack that problem.
I won't link to my library here (because: this is a Vector.js thread). Instead I'll link to the Slaylines canvas benchmark test site[1] which includes a good range of libraries.
[1] https://benchmarks.slaylines.io/
-
What libraries or engines are you using for 2D WebGL/Canvas animation these days?
Here's a comparison site for some canvas libraries.
-
Custom cursor
For a canvas-based solution, you can look at creating a canvas element behind the box and animating your arm/hand icon to the cursor position using the JS canvas library of your choice.
-
Fast minimal JS rendering library?
According to this benchmark (https://benchmarks.slaylines.io/), Pixi is the fastest, however, I dislike its API since I have to go through the hassle of creating sprites and hierachies and other fluff, it gets in my way since I've already implemented this stuff my own way using a different architecture.
-
Canvas and maybe Easeljs question
The Slaylines website includes a speed comparison demo of various canvas (and SVG) JS libraries performing a simple task. This should give you an overview of the main libraries out there. You can find links to all these libraries in the demo's GitHub repository.
What are some alternatives?
iksir-examples
iksir
noc-book-2023 - Nature of Code with p5.js and Notion workflow / build system. [Moved to: https://github.com/nature-of-code/noc-book-2]
p5.js-svg - SVG runtime for p5.js.
canvas-sketch - [beta] A framework for making generative artwork in JavaScript and the browser.
glicol - Graph-oriented live coding language and music/audio DSP library written in Rust
PIXELSYNTH
processing - Source code for the Processing Core and Development Environment (PDE)
Scrawl-canvas - Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element easier, and more fun
p5.js - p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —