Software Alternatives & Reviews

p5.js VS D3.js

Compare p5.js VS D3.js and see what are their differences


JS library for creating graphic and interactive experiences

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS.
p5.js Landing Page
p5.js Landing Page
D3.js Landing Page
D3.js Landing Page

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.

p5.js details

Categories
Javascript UI Libraries Charting Libraries Data Visualization
Website p5js.org  
Platforms
-

D3.js details

Categories
Javascript UI Libraries Charting Libraries Data Visualization Data Dashboard
Website d3js.org  
Platforms
JavaScript

p5.js videos

Processing or p5.js? My opinions

More videos:

  • - Q&A #1: Side-Scroller in p5.js
  • - 17.11: Sound Visualization: Frequency Analysis with FFT - p5.js Sound Tutorial

D3.js videos

Data Visualization with D3.js - Full Tutorial Course

More videos:

  • - Let's learn D3.js - D3 for data visualization (full course)

Category Popularity

0-100% (relative to p5.js and D3.js)
47
47%
53%
53
28
28%
72%
72
0
0%
100%
100
13
13%
87%
87

Reviews

These are some of the external sources and on-site user reviews we've used to compare p5.js and D3.js

p5.js Reviews

We have no reviews of p5.js yet.
Be the first one to post

D3.js Reviews

15 data science tools to consider using in 2021
Another open source tool, D3.js is a JavaScript library for creating custom data visualizations in a web browser. Commonly known as D3, which stands for Data-Driven Documents, it uses web standards, such as HTML, Scalable Vector Graphics and CSS, instead of its own graphical vocabulary. D3's developers describe it as a dynamic and flexible tool that requires a minimum amount...
A Complete Overview of the Best Data Visualization Tools
D3.js is a JavaScript library for manipulating documents using data. D3.js requires at least some JS knowledge, though there are apps out there that allow non-programming users to utilize the library.
Source: www.toptal.com
The Best Data Visualization Tools - Top 30 BI Software
This project is an attempt to build reusable charts and chart components for d3.js without taking away the power that d3.js gives you. The goal of the project is to keep all your charts neat and customizable. NVD3 is developed by the front end engineers at Novus Partners and uses their insight in charting technology.
Source: improvado.io

Social recommendations and mentions

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.

p5.js mentions (56)

  • Creative coding with Replit
    p5.js is a JavaScript graphics and animation library developed specifically for artists and designers - and generally people who have not been exposed to programming before. It's based on the Processing software project, and brings the Processing concept to web browsers, making it easy to share your "sketches", which is the p5.js name for programs. - Source: dev.to / 9 days ago
  • Processing and P5 Got Newbies into Coding
    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
  • Programing midlife "crysis"
    You already did Javascript, but how about https://p5js.org which is essentially a visual library for javascript. They have an online code editor where you only have to add code to the drawing loop (but you can do more). I made this for 2017 day 14: https://ednl.github.io/defrag/. - Source: Reddit / 29 days ago
  • How does one go from working on console programs to making things like apps/games/etc?
    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
  • Making an Audio Visualizer with Redwood
    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
View all

D3.js mentions (63)

View more

What are some alternatives?

When comparing p5.js and D3.js, you can also consider the following products

Pixi.js - Fast lightweight 2D library that works across all devices

Chart.js - Easy, object oriented client side graphs for designers and developers.

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

Anime.js - Lightweight JavaScript animation library

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.

User reviews

Share your experience with using p5.js and D3.js. For example, how are they different and which one is better?

Post a review