D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. For example, you can use D3 to generate an HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction.
D3 is not a monolithic framework that seeks to provide every conceivable feature. Instead, D3 solves the crux of the problem: efficient manipulation of documents based on data. This avoids proprietary representation and affords extraordinary flexibility, exposing the full capabilities of web standards such as HTML, SVG, and CSS. With minimal overhead, D3 is extremely fast, supporting large datasets and dynamic behaviors for interaction and animation. D3’s functional style allows code reuse through a diverse collection of official and community-developed modules.
D3.js might be a bit more popular than p5.js. We know about 63 links to it since March 2021 and only 56 links to p5.js. We are tracking product recommendations and mentions on Reddit, HackerNews and some other platforms. They can help you identify which product is more popular and what people think of it.
Https://p5js.org/ I stumbled across it when someone left Dan Shiffman's book "the nature of code" on our buildings swap table. - Source: Hacker News / 9 days ago
Start with https://p5js.org/ . Go to the showcase or examples and you will see that in 3 lines you are able to make a shape move around the screen with mouse and keyboard. - Source: Reddit / 30 days ago
In this tutorial, we're going to make an audio visualizer with P5.js in the Redwood framework. It will take sounds that it picks up from the mic and visualize them. We'll also add a way to save a snapshot of the visual when we push a button. - Source: dev.to / about 2 months ago
Elite Version: Use a presentation from d3js so that the images self organize, like d3/temporal-force-directed-graph. - Source: Reddit / 3 days ago
If you want to do this on the web, D3js is pretty neat. - Source: Reddit / 4 days 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: Reddit / 7 days ago
Thanks! It's without a doubt a pretty painful process. I'm using d3.js (https://d3js.org) for projecting a vector representation of a specific area. There is a lot of great tutorials / videos out there so a good starting point is probably just to search for e.g. "d3.js maps". - Source: Hacker News / 17 days ago
Pixi.js - Fast lightweight 2D library that works across all devices
Chart.js - Easy, object oriented client side graphs for designers and developers.
Plotly - Make charts and dashboards online from CSV or Excel data. Create interactive D3.js charts, reports, and dashboards online. API clients for R and Python.