Pixi.js
p5.js
Anime.js
D3.js
Three.js
Paper.js
Substance
Glottologist
Raphael
D3.js
p5.js
Snap.svg
Highcharts
Shield UI Charts
Paper.js
Cairo
Pixi.js RaphaelBased on our record, Pixi.js should be more popular than Raphael. It has been mentiond 5 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
If you're into video game dev, then PixiJS is something you need to know about. It's a HTML5 game engine that provides a lightweight 2D library across all devices. This latest update has a new package structure, custom builds, graphics API overhaul, and lots more. You can read about all these changes in the PixiJS Migration Guide. Also big congrats to PixiJS for being part of the open source community for ten... - Source: dev.to / 26 days ago
I would need a renderer to display the graphics of my calculations on the "backend". After some research I think pixijs which is written in TS could be a great tool. Source: about 1 year ago
And if that seems to up your alley you could look into Javascript game/renderer frameworks. They have 2D engines like https://github.com/photonstorm/phaser or https://github.com/pixijs/pixijs . Or my personal choice A-Frame which is a 3D, AR and VR engine (XR) https://github.com/aframevr/ . Source: over 1 year ago
This has a high risk of being confused with pixi.js: https://github.com/pixijs/pixijs. - Source: Hacker News / over 2 years ago
WebGL, I hear, has a similar API to OpenGL. (Also, WebGPU is coming at some point.) Or, you could use a thin library that handles the WebGL drawing of sprites for you. I prefer that option over using a full game engine: I find it's better to only include dependencies when they become necessary. I recently tried a web rendering library called PixiJS, and it seemed like a pretty clean and nice-sized API, and... Source: almost 3 years ago
You could also directly use libraries like Raphael or D3(lots of the tools around use D3.js as their core rendering library) if you just want help with drawing the SVG elements and connectors ... That is, if you're going to pull the data from the DB, decide in your app what each shape should be and where it should be on the page, etc. Integrating and driving these directly from Angular isn't trivial, but there are... Source: over 2 years ago
In those darker times I used Raphaël to build charts and drag-drop UIs. Maybe check it out? Source: over 2 years ago
p5.js - JS library for creating graphic and interactive experiences
D3.js - D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS.
Anime.js - Lightweight JavaScript animation library
Snap.svg - Snap.svg is a javascript SVG library for the modern web.
Three.js - A JavaScript 3D library which makes WebGL simpler.
Highcharts - A charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application
