GSAP
Anime.js
Three.js
p5.js
Pixi.js
Animate.css
Velocity.js
Sencha Animator
D3.js
Chart.js
Highcharts
Plotly
Google Charts
Pixi.js
RAWGraphs
AnyChart
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.
GSAPBased on our record, D3.js should be more popular than GSAP. It has been mentiond 167 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
GSAP – A wildly robust JavaScript animation library built for professionals [https://gsap.com]. - Source: Hacker News / about 8 hours ago
I'm using a component-based framework (like Astro) along with Tailwind CSS classes and GSAP to build our animation experience. Here’s a quick overview of our file structure:. - Source: dev.to / 3 months ago
You can use web technologies directly themselves to create very rich animations for the web. Sometimes only CSS alone is all you need. Many examples online. Sometimes a library like Motion or GASP can help speed web animations. - Source: dev.to / 4 months ago
GSAP stands as the gold standard for web animations. This JavaScript animation library offers unprecedented control over HTML elements, SVGs, and Canvas animations. What sets GSAP apart is its exceptional performance and cross-browser compatibility. Whether you're creating simple transitions or complex, timeline-based animations, GSAP provides a robust API that makes smooth, professional animations achievable... - Source: dev.to / 5 months ago
GSAP[1] is pretty much the industry standard, I think. You have to pay for some of its more advanced features. There's also Anime.js[2] and Scene.js[3] - but I've never played with them so can't vouch for their usefulness. Both have had code updates in the past year. (Self-promotion time) I had a lot of fun adding an animation/tween system to my canvas library[4] a while back. Building out the code to run such... - Source: Hacker News / 9 months ago
Do you mean something for data visualization, or tricks condensing large data sets with cursors? https://d3js.org/ Best of luck =3. - Source: Hacker News / about 2 months ago
Document address: D3.js Official Document. - Source: dev.to / 4 months ago
D3.js: One of the most popular JavaScript visualization libraries. - Source: dev.to / 7 months ago
A Dependency is an npm package that our code depends on in order to be able to run. Some popular packages that can be added as dependencies are lodash, D3, and chartjs. - Source: dev.to / 7 months ago
RacingBars is an open-source, light-weight (~45kb gzipped), easy-to-use, and feature-rich javascript library for bar chart race, based on D3.js. - Source: dev.to / 9 months ago
Anime.js - Lightweight JavaScript animation library
Chart.js - Easy, object oriented client side graphs for designers and developers.
Three.js - A JavaScript 3D library which makes WebGL simpler.
Highcharts - A charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application
p5.js - JS library for creating graphic and interactive experiences
Plotly - Low-Code Data Apps