Get Advice Icon

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

D3.js
D3.js

1.4K
803
+ 1
575
Svelte
Svelte

65
105
+ 1
79
Add tool

D3.js vs Svelte: 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, Svelte is detailed as "A UI framework that compiles into tiny standalone JavaScript modules". If you've ever built a JavaScript application, the chances are you've encountered – or at least heard of – frameworks like React, Angular, Vue and Ractive. Like Svelte, these tools all share a goal of making it easy to build slick interactive user interfaces. Rather than interpreting your application code at run time, your app is converted into ideal JavaScript at build time. That means you don't pay the performance cost of the framework's abstractions, or incur a penalty when your app first loads.

D3.js can be classified as a tool in the "Charting Libraries" category, while Svelte is grouped under "Javascript UI Libraries".

"Beautiful visualizations" is the top reason why over 168 developers like D3.js, while over 2 developers mention "Javascript compiler (do that browsers don't have to)" as the leading cause for choosing Svelte.

D3.js and Svelte are both open source tools. D3.js with 85.4K GitHub stars and 20.9K forks on GitHub appears to be more popular than Svelte with 19.2K GitHub stars and 715 GitHub forks.

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 Svelte?

If you've ever built a JavaScript application, the chances are you've encountered – or at least heard of – frameworks like React, Angular, Vue and Ractive. Like Svelte, these tools all share a goal of making it easy to build slick interactive user interfaces. Rather than interpreting your application code at run time, your app is converted into ideal JavaScript at build time. That means you don't pay the performance cost of the framework's abstractions, or incur a penalty when your app first loads.
Get Advice Icon

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

Why do developers choose D3.js?
Why do developers choose Svelte?

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

    Be the first to leave a con
    What companies use D3.js?
    What companies use Svelte?

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

    What tools integrate with D3.js?
    What tools integrate with Svelte?
      No integrations found

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

      What are some alternatives to D3.js and Svelte?
      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.
      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.
      Chart.js
      Visualize your data in 6 different ways. Each of them animated, with a load of customisation options and interactivity extensions.
      amCharts
      amCharts is an advanced charting library that will suit any data visualization need. Our charting solution include Column, Bar, Line, Area, Step, Step without risers, Smoothed line, Candlestick, OHLC, Pie/Donut, Radar/ Polar, XY/Scatter/Bubble, Bullet, Funnel/Pyramid charts as well as Gauges.
      Plotly
      Plotly.js is the only open-source JavaScript library for data visualization in the sciences and engineering. Open-source interfaces to Plotly.js are available for Python, R, MATLAB, and React.
      See all alternatives
      Decisions about D3.js and Svelte
      Tim Abbott
      Tim Abbott
      Founder at Zulip · | 5 upvotes · 16.8K 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 D3.js and Svelte
      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 D3.js and Svelte
      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 dschulten
      dschulten uses SvelteSvelte
      • Ideal for microfrontends
      • Natural component model
      • Easy to learn
      • Fast and extremely small
      • Compiles both webcomponents and plain components Great community
      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 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 D3.js cost?
      How much does Svelte cost?
      Pricing unavailable
      Pricing unavailable
      News about Svelte
      More news