D3.js聽vs聽jQuery

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

D3.js

1.6K
1.4K
+ 1
616
jQuery

161.7K
44.2K
+ 1
6.5K
Add tool

D3.js vs jQuery: What are the differences?

Developers describe D3.js 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. On the other hand, jQuery is detailed as "The Write Less, Do More, JavaScript Library". jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.

D3.js and jQuery are primarily classified as "Charting Libraries" and "Javascript UI Libraries" tools respectively.

"Beautiful visualizations", "Data-driven" and "Svg" are the key factors why developers consider D3.js; whereas "Cross-browser", "Dom manipulation" and "Power" are the primary reasons why jQuery is favored.

D3.js and jQuery are both open source tools. D3.js with 85.8K GitHub stars and 21K forks on GitHub appears to be more popular than jQuery with 51.9K GitHub stars and 18.3K GitHub forks.

Uber Technologies, Twitter, and reddit are some of the popular companies that use jQuery, whereas D3.js is used by Coursera, Square, and Zalando. jQuery has a broader approval, being mentioned in 4051 company stacks & 2607 developers stacks; compared to D3.js, which is listed in 531 company stacks and 91 developer stacks.

Decisions about D3.js and jQuery
Peter Schmalfeldt
Senior Software Engineer | 9 upvotes 路 16.3K views

I have made an extended effort to drop frameworks completely if they are not actually needed. While I still use JS Frameworks like Vue, Angular and React ( if I have too ), I see far too often devs / teams deciding to build a single page site entirely in a framework, rather than just using HTML, CSS and a little JS.

I personally feel it's important to know when a framework is a good solution, and maybe when it's overkill.

See more
Malek Boubakri
Web developer at Quicktext | 0 upvote 路 15.8K views

The project is a web gadget previously made using vanilla script and JQuery, It is a part of the "Quicktext" platform and offers an in-app live & customizable messaging widget. We made that remake with React eco-system and Typescript and we're so far happy with results. We gained tons of TS features, React scaling & re-usabilities capabilities and much more!

What do you think?

See more
kazi shahin
CTO at Blubird Interactive Ltd. | 3 upvotes 路 32.4K views

I've an eCommerce platform building using Laravel, MySQL and jQuery. It's working good and if anyone become interested, I just deploy the entire source cod e in environment / Hosting. This is not a good model of course. Because everyone ask for small or large amount of change and I had to do this. Imagine when there will be 100 separate deploy and I had to manage 100 separate source. So How do I make my system architecture so that I'll have a core / base source code. To make any any change / update on specific deployment, it will be theme / plugin / extension based . Also if I introduce an API layer then I could handle the Web, Mobile App and POS as well ? Is the API should be part of source code or a individual single API and all the deployment will use that API ?

See more
Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of D3.js
Pros of jQuery
  • 182
    Beautiful visualizations
  • 92
    Svg
  • 90
    Data-driven
  • 79
    Large set of examples
  • 60
    Data-driven documents
  • 22
    Visualization components
  • 20
    Transitions
  • 18
    Dynamic properties
  • 14
    Plugins
  • 11
    Transformation
  • 5
    Makes data interactive
  • 4
    Components
  • 4
    Enter and Exit
  • 3
    Backed by the new york times
  • 2
    Open Source
  • 2
    Exhaustive
  • 2
    Easy and beautiful
  • 1
    Awesome Community Support
  • 1
    Angular 4
  • 1
    Simple elegance
  • 1
    Kris
  • 1
    Templates, force template
  • 1.3K
    Cross-browser
  • 957
    Dom manipulation
  • 805
    Power
  • 660
    Open source
  • 610
    Plugins
  • 457
    Easy
  • 395
    Popular
  • 350
    Feature-rich
  • 281
    Html5
  • 227
    Light weight
  • 91
    Simple
  • 84
    Great community
  • 79
    CSS3 Compliant
  • 69
    Mobile friendly
  • 67
    Fast
  • 43
    Intuitive
  • 42
    Swiss Army knife for webdev
  • 35
    Huge Community
  • 10
    Easy to learn
  • 3
    Clean code
  • 2
    Just awesome
  • 2
    Powerful
  • 2
    Nice
  • 2
    Because of Ajax request :)
  • 1
    Easy Setup
  • 1
    Open Source, Simple, Easy Setup
  • 1
    It Just Works
  • 1
    Improves productivity
  • 1
    Industry acceptance
  • 1
    Allows great manipulation of HTML and CSS
  • 1
    Used everywhere
  • 1
    Widely Used
  • 0
    Javascript

Sign up to add or upvote prosMake informed product decisions

Cons of D3.js
Cons of jQuery
  • 5
    Beginners cant understand at all
  • 4
    Complex syntax
  • 5
    Large size
  • 5
    Encourages DOM as primary data source
  • 4
    Sometimes inconsistent API
  • 2
    Live events is overly complex feature

Sign up to add or upvote consMake informed product decisions

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.

What is jQuery?

jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.

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

What companies use D3.js?
What companies use jQuery?
See which teams inside your own company are using D3.js or jQuery.
Sign up for Private StackShareLearn More

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

What tools integrate with D3.js?
What tools integrate with jQuery?

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

Blog Posts

Sep 8 2017 at 2:54PM

Eventbrite-0

+7
6
9380
+26
19
4558
What are some alternatives to D3.js and jQuery?
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
Reviews of D3.js and jQuery
Cofounder
Review of
D3.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 D3.js and jQuery
Andrew Gatenby uses
jQuery

jQuery has been the basis of our front end JS for a number of years. The key part for us was that the amount of code saved by using jQuery methods, as opposed to writing out cross-browser compatible alternatives made it a no brainer. In recent years we've had to be clever in how we deliver jQuery on the websites, to ensure it's not render blocking and improve client-side performance but it's still a vital library.

Ana Phi Sancho uses
jQuery

In process of Learning Technics. Cross-browser Compatibility: handles a lot of infuriating cross-browser issues . used to make some widgets and effects: jQuery plugin repository.

jQuery allows to easily do DOM scripting (i.e. HTML elements manipulation and event handling). using jquery under MVC webapps. Studing to know more

Scrayos UG (haftungsbeschr盲nkt) uses
jQuery

jQuery is only used in small amounts, primarily for animations and UIs, but it is included in the WSC, so we felt like not including it here would be kind of cheating. jQuery also almost makes ajax-requests a pleasure to work with, so ... you got that point, jQuery.

Lawrence Cheuk uses
jQuery

I don't use javascript, I use jquery....well I know it does not make sense, but I just want to stress how important it is. let's rephase it: whenever I use javascript, I use jquery. when you look at any js file of mine, 90% is jqery api.

datapile uses
D3.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.

Tarun Singh uses
jQuery

Used jQuery for dom manipulations. Another great feature used was its deferred() function with promise to avoid callback hell.

Software Antelope uses
D3.js

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

Kent Steiner uses
D3.js

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

MOKA Analytics uses
D3.js

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

Clarabridge Engage uses
D3.js

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