Based on our record, p5.js seems to be a lot more popular than Raphael. While we know about 133 links to p5.js, we've tracked only 2 mentions of Raphael. 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.
Processing (P5) had this: you can select any string of text in its IDE anl search for it in the docs, and if it's one of the built-in functions or constants it will open the associated static html page that came installed with the software, so no internet nor server required. And despite being offline you can still navigate the docs too. This feels a lost basic skill in static site generation these days. It was... - Source: Hacker News / 5 months ago
I thought it could be funny to use the javascript version of it https://p5js.org/ in a web page and then wrap it in a Unity app, since Unity was and is the environment I use for making apps. - Source: Hacker News / 6 months ago
In this last section, I'll be creating some visual examples to show how helpful loops can be. I'll be using p5js, a JavaScript library with functionality for creative coding. That being said, I'll try to give a condensed version of the functions being utilized in the following examples. - Source: dev.to / 9 months ago
> how do I get him learning programming in a fun way? Processing / P5.js can be pretty fun to learn. You use a real programming language to create art and animations. With little code you can get a circle on the screen, then making it move, then following your mouse, then adding other shapes, then changing colour depending on some event… It’s conductive to experimentation and a way to gradually introduce concepts.... - Source: Hacker News / 10 months ago
Then I used p5js to create the 'art' itself, really user friendly coding framework with lots of resources online! If you want to get into coding, that is a really great entry point with Daniel Schiffman's coding train videos on YT! Source: 11 months 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
Pixi.js - Fast lightweight 2D library that works across all devices
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.
Three.js - A JavaScript 3D library which makes WebGL simpler.
Snap.svg - Snap.svg is a javascript SVG library for the modern web.
Processing - C++ and Java programming at the speed of thought.
Highcharts - A charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application