D3.js logo

D3.js

A JavaScript visualization library for HTML and SVG
1.9K
1.7K
+ 1
653

What is D3.js?

It is a JavaScript library for manipulating documents based on data. Emphasises on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework.
D3.js is a tool in the Charting Libraries category of a tech stack.
D3.js is an open source tool with 107.4K GitHub stars and 22.9K GitHub forks. Here’s a link to D3.js's open source repository on GitHub

Who uses D3.js?

Companies
700 companies reportedly use D3.js in their tech stacks, including Accenture, Coinbase, and Coursera.

Developers
1029 developers on StackShare have stated that they use D3.js.

D3.js Integrations

JavaScript, React, AngularJS, Bootstrap, and React Native are some of the popular tools that integrate with D3.js. Here's a list of all 17 tools that integrate with D3.js.
Pros of D3.js
195
Beautiful visualizations
103
Svg
92
Data-driven
81
Large set of examples
61
Data-driven documents
24
Visualization components
20
Transitions
18
Dynamic properties
16
Plugins
11
Transformation
7
Makes data interactive
4
Open Source
4
Enter and Exit
4
Components
3
Exhaustive
3
Backed by the new york times
2
Easy and beautiful
1
Highly customizable
1
Awesome Community Support
1
Simple elegance
1
Templates, force template
1
Angular 4
Decisions about D3.js

Here are some stack decisions, common use cases and reviews by companies and developers who chose D3.js in their tech stack.

Axel Dürkop
at Hamburg University of Technology · | 6 upvotes · 95.1K views
Needs advice
on
D3.jsD3.js
and
Neo4jNeo4j

I want to build learning paths in a simple way and visualize them, the way Neo4j or D3.js do it. Example: I have a set of learning resources that can be connected depending on certain criteria. Thus, it would be possible for learners to start from various starting points and have learning paths depending on this starting point.

Following this, I need two things: first, a UI that lets me connect entries from a database so that a linear view, like a path, comes out. And second, a bird's eye view on the various paths like a force-directed graph that stems from the linear connections I made.

See more
Needs advice
on
D3.jsD3.js
and
PythonPython

I'm a student, and I have a project to build an application (Visual analytics tool) that takes a Microsoft Excel file, cleans the data, and visualizes it. Also, the app should allow the user to filter and interact with it.

1- should I make it desktop application or web application? : I'm leaning toward (desktop)

2- D3.js OR Python?

3- better excel or CSV?

I'm a beginner Inspiration for interaction and look of the app: eventflow application.

See more
Amit Garg
Needs advice
on
ApexChartsApexCharts
and
React D3 LibraryReact D3 Library

Hi,

I am looking at integrating a charting library in my React frontend that allows me to create appealing and interactive charts. I have basic familiarity with ApexCharts with React but have also read about D3.js charts and it seems a much more involved integration. Can someone please share their experience across the two libraries on the following dimensions:

  1. Amount of work needed for integration
  2. Amount of work or ease for creating new charts in either of the libraries.

Regards

Amit

See more

Blog Posts

Sep 8 2017 at 2:54PM

Eventbrite-0

JavaScriptNode.jsReact+7
6
9765

D3.js's Features

  • Declarative Approach for Individual Nodes Manipulation
  • Functions Factory
  • Web Standards
  • Built-in ELement Inspector to Debug
  • Uses SVG, Canvas, and HTML
  • Data-driven approach to DOM Manipulation
  • Voronoi Diagrams
  • Maps and topo.

D3.js Alternatives & Comparisons

What are some alternatives to D3.js?
three.js
It is a cross-browser JavaScript library and Application Programming Interface used to create and display animated 3D computer graphics in a web browser.
Plotly.js
It is a standalone Javascript data visualization library, and it also powers the Python and R modules named plotly in those respective ecosystems (referred to as Plotly.py and Plotly.R). It can be used to produce dozens of chart types and visualizations, including statistical charts, 3D graphs, scientific charts, SVG and tile maps, financial charts and more.
Highcharts
Highcharts currently supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall and polar chart types.
Python
Python is a general purpose programming language created by Guido Van Rossum. Python is most praised for its elegant syntax and readable code, if you are just beginning your programming career python suits you best.
Tableau
Tableau can help anyone see and understand their data. Connect to almost any database, drag and drop to create visualizations, and share with a click.
See all alternatives

D3.js's Followers
1733 developers follow D3.js to keep up with related blogs and decisions.