Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Ant Design
Ant Design

303
218
+ 1
27
D3.js
D3.js

1.4K
803
+ 1
575
Add tool

Ant Design vs D3.js: What are the differences?

Developers describe Ant Design as "A set of high-quality React components". An enterprise-class UI design language and React-based implementation. Graceful UI components out of the box, base on React Component. A npm + webpack + babel + dora + dva development framework. On the other hand, D3.js is detailed as "A JavaScript visualization library for HTML and SVG". 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.

Ant Design can be classified as a tool in the "JavaScript Framework Components" category, while D3.js is grouped under "Charting Libraries".

"Polished and enterprisey look and feel" is the primary reason why developers consider Ant Design over the competitors, whereas "Beautiful visualizations" was stated as the key factor in picking D3.js.

Ant Design and D3.js are both open source tools. It seems that D3.js with 85.4K GitHub stars and 20.9K forks on GitHub has more adoption than Ant Design with 47.8K GitHub stars and 16.8K GitHub forks.

New Relic, Weebly, and Repro are some of the popular companies that use D3.js, whereas Ant Design is used by Telepath, XPrep, and Arhia. D3.js has a broader approval, being mentioned in 525 company stacks & 89 developers stacks; compared to Ant Design, which is listed in 22 company stacks and 33 developer stacks.

What is Ant Design?

An enterprise-class UI design language and React-based implementation. Graceful UI components out of the box, base on React Component. A npm + webpack + babel + dora + dva development framework.

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.
Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Why do developers choose Ant Design?
Why do developers choose D3.js?

Sign up to add, upvote and see more prosMake informed product decisions

What companies use Ant Design?
What companies use D3.js?

Sign up to get full access to all the companiesMake informed product decisions

What tools integrate with Ant Design?
What tools integrate with D3.js?

Sign up to get full access to all the tool integrationsMake informed product decisions

What are some alternatives to Ant Design and D3.js?
Material-UI
It is a comprehensive guide for visual, motion, and interaction design across platforms and devices.
Bootstrap
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
Semantic UI
Semantic empowers designers and developers by creating a shared vocabulary for UI.
Semantic UI React
Semantic UI React is the official React integration for Semantic UI. jQuery Free, Declarative API, Shorthand Props, and more.
NativeBase
NativeBase is a free and open source framework that enables developers to build high-quality mobile apps using React Native iOS and Android apps with a fusion of ES6. NativeBase builds a layer on top of React Native that provides you with basic set of components for mobile application development. This helps you to build world-class application experiences on native platforms.
See all alternatives
Decisions about Ant Design and D3.js
Tim Abbott
Tim Abbott
Founder at Zulip | 5 upvotes 18.2K views
atZulipZulip
D3.js
D3.js
Plotly
Plotly

We use Plotly (just their open source stuff) for Zulip's user-facing and admin-facing statistics graphs because it's a reasonably well-designed JavaScript graphing library.

If you've tried using D3.js, it's a pretty poor developer experience, and that translates to spending a bunch of time getting the graphs one wants even for things that are conceptually pretty basic. Plotly isn't amazing (it's decent), but it's way better than than D3 unless you have very specialized needs.

See more
Interest over time
Reviews of Ant Design and D3.js
Avatar of sergiotapia
Senior Software Engineer
Review ofAnt DesignAnt Design

Really simple to install and works as you expect it to out of the box.

Ant Design has a lot of different components to choose from, and they looks fantastic. Very enterprise, very polished. This isn't Twitter Bootstrap.

A great thing about a lot of the components is that they take other React components as children. So you can nest, and mish-mash the content to your hearts content.

If you're building something, take a look at Ant Design - it may increase your output speed significantly and make your app not look "MVP".

Avatar of DaneLyons
Cofounder
Review ofD3.jsD3.js

There is so much to like about D3js. It's Javascript, SVG, interactive, it's flexible, fairly well documented...definitely one of the most powerful tools in my webdev toolbox. On top of all that, I occasionally use D3 to produce my version of art.

How developers use Ant Design and D3.js
Avatar of datapile
datapile uses D3.jsD3.js

D3.js is an amazing library for doing visualizations, charts/graphs, etc. We are experimenting with it for metric visualizations, marketing graphs/charts, and basically anywhere we could use this amazing library.

Avatar of Software Antelope
Software Antelope uses D3.jsD3.js

Creating online data visualizations to illustrate your potential or interact in new ways with your users. Including transistions, animations and graphs.

Avatar of Kent Steiner
Kent Steiner uses D3.jsD3.js

Charts, charts, charts. Data visualizations are a great way to communicate information to people who need to know it, quickly and concisely.

Avatar of p009922
p009922 uses Ant DesignAnt Design

best practice standardization within the team on a very promising GUI standard design for client development

Avatar of MOKA Analytics
MOKA Analytics uses D3.jsD3.js

We use D3 for creating custom charts that aren't available in off-the-shelf libraries

Avatar of Clarabridge Engage
Clarabridge Engage uses D3.jsD3.js

Several of the visualisations in our Insights pages use D3.js as their engine.

How much does Ant Design cost?
How much does D3.js cost?
Pricing unavailable
Pricing unavailable
News about Ant Design
More news