three.js - JavaScript 3D library.

•    Javascript

---

JavaScript 3D library

3d scene-graph html5 svg canvas webgl webvr three three.js visualization data-visualization charts charting-library

heatmap.js - 🔥 JavaScript Library for HTML5 canvas based heatmaps

•    Javascript

---

Dynamic JavaScript Heatmaps for the Web

heatmaps data-visualization heat-maps dataviz leaflet google-maps leaflet-plugins openlayers angularjs canvas density-visualization heatmap visualization interactive heat-map googlemaps-heatmap leaflet-heatmap charts charting-library

paper

•    Javascript

---

The Swiss Army Knife of Vector Graphics Scripting

vector graphic graphics 2d geometry bezier curve curves path paths canvas svg paper paper.js paperjs visualization data-visualization charts charting-library

zrender - A lightweight canvas library which providing 2d draw for ECharts

•    Javascript

---

A lightweight canvas library.

canvas 2d

epoch - A general purpose, real-time visualization library.

•    HTML

---

A general purpose real-time charting library for building beautiful, smooth, and high performance visualizations.

chart charting visualization svg animation canvas d3 data-visualization charts charting-library

d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

•    Javascript

---

Data-Driven Documents

visualization dom svg animation canvas data-visualization charts charting-library

d3-shape - Graphical primitives for visualization, such as lines and areas.

•    Javascript

---

Graphical primitives for visualization, such as lines and areas.

d3 d3-module graphics visualization canvas svg

dc.js - Multi-Dimensional charting built to work natively with crossfilter rendered with d3.js

•    Javascript

---

A multi-dimensional charting library built to work natively with crossfilter and rendered using d3.js

crossfilter visualization charting svg animation canvas chart dimensional d3 data-visualization charts charting-library

echarts - A powerful, interactive charting and visualization library for browser

•    Javascript

---

A powerful charting and visualization library for browser

visualization echarts chart canvas data-visualization charts charting-library

d3-cloud - Create word clouds in JavaScript.

•    Javascript

---

Generate word clouds in JavaScript.

wordcloud d3 layout-algorithm word cloud tag visualization canvas data-visualization charts charting-library

two.js - A renderer agnostic two-dimensional drawing api for the web.

•    Javascript

---

A two-dimensional drawing api meant for modern browsers.

svg webgl canvas scenegraph renderer dom w3c visualization animation canvas2d rendering motiongraphics data-visualization charts charting-library

fabric.js - Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser

•    Javascript

---

Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.

canvas graphic graphics svg node-canvas parser html5 object-model visualization data-visualization charts charting-library

react-art - React Bridge to the ART Drawing Library

•    Javascript

---

React ART is a JavaScript library for drawing vector graphics using React. It provides declarative and reactive bindings to the ART library. Using the same declarative API you can render the output to either Canvas, SVG or VML (IE8).

react art svg vml canvas jsx

jspaint - 🎨 Classic MS Paint, ＲＥＶＩＶＥＤ + ✨Extras

•    Javascript

---

The goal is to remake MS Paint (including its little-known features), improve on it, and to extend the types of images it can edit. So far, it does this pretty well.Ah yes, good old paint. Not the one with the ribbons or the new skeuomorphic one with the interface that can take up nearly half the screen. And sorry, not the even newer Paint 3D.

image image-editing editor ms-paint paint online image-editor app retro drawing canvas html5 mspaint web-app web-application painting image-manipulation jspaint remake draw create picture edit nw-app mspaint-alternative

lottie-web - Render After Effects animations natively on Web, Android and iOS, and React Native

•    Javascript

---

Or get it from the adobe store https://creative.adobe.com/addons/products/12557 CC 2014 and up.

animation canvas svg after-effects plugin export

pica - Resize image in browser with high quality and high speed

•    Javascript

---

Resize images in browser without pixelation and reasonably fast. Autoselect the best of available technologies: webworkers, webassembly, createImageBitmap, pure JS.Note. Old browsers may need Promise polyfill to work. For example, lie.

image resize scale lanczos canvas

bubbly-bg - Beautiful bubbly backgrounds in less than 1kB (696 bytes gzipped)

•    Javascript

---

Beautiful bubbly backgrounds in less than 1kB (696 bytes gzipped).Bubbly creates a canvas element and appends it to the body. This element has position: fixed and z-index: -1, and always fills the width/height of the viewport, which should make it plug and play for most projects.

animated-backgrounds canvas

EaselJS - The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with the HTML5 Canvas element much easier

•    Javascript

---

EaselJS is a library for building high-performance interactive 2D content in HTML5. It provides a feature-rich display list to allow you to manipulate and animate graphics. It also provides a robust interactive model for mouse and touch interactions.It is excellent for building games, generative art, ads, data visualization, and other highly graphical experiences. It works well alone, or with the rest of the CreateJS suite: SoundJS, PreloadJS, and TweenJS.

canvas webgl graphics animation html5

node-canvas - Node canvas is a Cairo backed Canvas implementation for NodeJS.

•    C++

---

Alpha versions of 2.0 can be installed using npm install canvas@next.node-canvas is a Cairo backed Canvas implementation for NodeJS.

canvas graphic graphics pixman cairo image images pdf

color-thief - Grabs the dominant color or a representative color palette from an image

•    Javascript

---

A script for grabbing the color palette from an image. Uses Javascript and the canvas tag to make it happen.In this example, we build an 8 color palette.

color palette sampling image picture photo canvas