Software Alternatives & Reviews

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.

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.

Platforms:
  • JavaScript
Javascript UI Libraries Charting Libraries Data Visualization Data Dashboard

D3.js Reviews and details

D3.js Landing Page
D3.js Landing Page

Videos

Data Visualization with D3.js - Full Tutorial Course

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

Social recommendations and mentions

We have tracked the following product recommendations or mentions on various public social media platforms and blogs. They can help you see what people think about D3.js and what they use it for.
  • [Q] Does anyone know what software is used to make such charts ?
    Https://d3js.org/ - "D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS.". Source: 9 days ago
  • How to make this kind of dynamic visualisation?
    Possibly from https://d3js.org/ which is written in JavaScript. Source: 12 days ago
  • How to build a type-safe pie chart in SolidJs with d3 and tailwind
    You might have a lot of data in your SolidJs app that needs a good chart to make it easier to read. If so, you're in the right place! In this article we will go from zero to a fully type-safe and customizable pie chart powered by d3, so open your terminal and let's start! - Source: dev.to / about 1 month ago
  • How can one create this type of animation?
    Perhaps using something like D3js to draw the bubbles that have some physical interaction, then adding a click handler that pops up a modal with the chart and specific details. Source: 19 days ago
  • Valorant Champions Tour Playoff Chances (All Regions)
    I'm making these graphics using the package d3.js. It's a super cool tool that makes it possible to make auto-generated, fully custom graphics. Source: about 1 month ago
  • Average price of an ounce of medium/high-quality marijuana in each U.S. state, April 2023 [OC]
    Tools: R + Rvest to scrape and clean the data. D3 to create the map. Svelte to put it all together. Source: about 1 month ago
  • Zero-cost Way on React & D3.
    D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation. - Source: dev.to / about 2 months ago
  • Real-Time Data Visualization with D3.js and Vue.js.
    This tutorial will use D3.js, a JavaScript library for manipulating documents based on data and Vue.js, a progressive JavaScript framework used for building user interfaces, to demonstrate real time visualization. - Source: dev.to / about 1 month ago
  • Graphs in Python web app
    Https://d3js.org/ (a bit lower-level but more flexible). Source: 2 months ago
  • 📊 Non-Image Approach to Data Viz in Email
    HTML emails have a limited toolbox for data visualization. Sophisticated tools such as D3.js are not available to use in email development. As a result, images has become the most common medium for displaying data in emails. This route comes with a number of disadvantages:. - Source: dev.to / 6 months ago
  • Advice on learning front end for data visualization?
    D3.js is great for custom data viz. You can get started by including the library in a script tag and not have to mess around with a bundler like Webpack until you are ready and just use plane CSS. D3.js doesn't work well with JS frameworks like React - it was jQuery like DOM manipulation functions. I find the best approach is to let D3 manage its chart and leave React for the UI. Or you can use a more React... Source: 3 months ago
  • EazyChart the open source reactive chart library for both react and Vue.
    Short description: EazyChart is a reactive chart library, it offers the ability to easily add charts in your React and Vue web applications. EazyChart does not depend on a JS chart library instead it depends only on some of the D3.js library's submodules. Source: 3 months ago
  • How do I build something like this?
    Check https://d3js.org/, maybe they have an implementation for this. Source: 3 months ago
  • 10 Coding Projects to Impress Employers and Land Your Dream Job 😎
    D3.js - a popular JavaScript library for data visualization. - Source: dev.to / 4 months ago
  • Interactive map website for a school project
    Three.js and D3 js are the two that come to my mind when you want fancy web graphics. But I never really tried them. It looks pretty though! Source: 4 months ago
  • A financial analysis web app I will be launching soon
    You can create charts quite easily using HTML, CSS and JavaScript, all in a single file, without the need for any specialist knowledge. There’s loads of libraries out there, one of the most famous being D3 (https://d3js.org/), with tutorials all over too, like this one: https://www.freecodecamp.org/news/d3js-tutorial-data-visualization-for-beginners/. Source: 4 months ago
  • Which engine should I use for a game that is essentially just an interactive menu?
    Most game engines can do this but their UI systems tend to not be as flexible or usable as CSS/HTML when it comes to layout techniques, and are nowhere near as well documented. Add to this the free availability of libraries such as React, Greensock and D3 alongside an unrivaled amount of documentation and tutorials and it's a strong option. Source: 4 months ago
  • [E] I'd like to learn how to make high-quality interactive visualizations to explain statistical topics. (See example in post)
    This is the source code for the distill pub you linked to: https://github.com/distillpub/post--visual-exploration-gaussian-processes. I dug through the code a little and believe most of the interactive visuals were created with d3.js. That's certainly 1 of the options you can use to recreate the same type of visuals. D3 is incredibly powerful (it's the tool professional news organisations use for their... Source: 5 months ago
  • How do you make these graphics? Is there a software or is it done thru Figma?
    I can recommend d3.js. Might be overkill here, but you can do really cool stuff with it. Source: 5 months ago
  • Any libraries out there that you recommend for charts/graphs/trees in React?
    Best one for React is VISX which is built on top of D3.js. Source: 5 months ago
  • Is it normal to be endlessly bored after a few years in front end, or am I perhaps in the wrong career?
    Maybe your formatting is boring. After all, DataTables and D3 can help you format data, but one is more fun, for you and your users. Source: 5 months ago

External sources with reviews and comparisons of D3.js

15 JavaScript Libraries for Creating Beautiful Charts
When we think of charting today, D3.js is the first name that comes up. Being an open source project, D3.js definitely brings many powerful features that were missing in most of the existing libraries. Features like dynamic properties, Enter and Exit, powerful transitions, and syntax familiarity with jQuery make it one the best JavaScript libraries for charting. Charts in D3.js are rendered via HTML, SVG and CSS.
Top 20 Javascript Libraries
D3 stands for Data-Driven Documents. With D3, you can apply data-driven transformations to DOM objects. The keyword with D3 is ‘data-driven,’ which means documents are manipulated depending on the data received. Data can be received in any format and bound with DOM objects. D3 is very fast and supports dynamic behavior for animation and interactions. There are plenty of already developed modules that give room for...
20+ JavaScript libraries to draw your own diagrams (2022 edition)
D3.js is a JavaScript library for manipulating documents based on data. Right now, I would say is the most popular library of its kind.
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 of effort to generate visual...
Top 15 jQuery Alternatives To Know
D3.js represents Data-Driven Documents and is a JavaScript library to manipulate documents based on data. It assists in bringing data to life with the help of HTML, CSS, and SVG. It showcases features such as powerful visualization, data-driven approach to DOM manipulation, support for modern browsers, focuses on web standards, etc.
Top 10 JavaScript Charting Libraries for Every Data Visualization Need
D3.js is a powerful open-source JavaScript library for data visualization. It has been forked more than 20,000 times on GitHub so far. Basically, D3 is more like a framework than a library. It may well be not that simple to work with, which can look quite critical at the beginning. But there are a lot of helpful information resources available out there. And at the end, you can get so awesome visualizations and...
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.
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.

Do you know an article comparing D3.js to other products?
Suggest a link to a post with product alternatives.

Generic D3.js discussion

Log in or Post with

This is an informative page about D3.js. You can review and discuss the product here. The primary details have not been verified within the last quarter, and they might be outdated. If you think we are missing something, please use the means on this page to comment or suggest changes. All reviews and comments are highly encouranged and appreciated as they help everyone in the community to make an informed choice. Please always be kind and objective when evaluating a product and sharing your opinion.