Rough.js is a canvas based, lightweight library that lets you draw in a sketchy, hand-drawn-like, style.
Rough.js defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses.
A tutorial about creating some WebGL experiments where the viewer seemingly travels through a textured tunnel powered by Three.js
g9 is a javascript library for creating automatically interactive graphics. With g9, interactive visualization is as easy as visualization that isn't. Just write a function which draws shapes based on data, and g9 will automatically figure out how to manipulate that data when you drag the shapes around.
GraphicsJS is a lightweight JavaScript graphics library with the intuitive API, based on SVG/VML technology.
mo.js is a powerful motion graphics library for the web.
Features:
Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas.
It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.
ECharts is a comprehensive charting library offering a painless way of adding interactive charts to your products.
ECharts currently supports line, column, scatter, pie, radar, candlestick, chord, gauge, funnel, map and force-directed chart types, many of these can be combined in one chart.
MetricsGraphics.js is a library optimized for visualizing and laying out time-series data. It provides a simple way to produce common types of graphics in a principled, consistent and responsive way.
The library currently supports line charts, scatterplots and histograms as well as features like rug plots and basic linear regression.
A JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing
dc.js is a javascript charting library with native crossfilter support and allowing highly efficient exploration on large multi-dimensional dataset.
The main objective of this library is to provide an easy yet powerful javascript library which can be utilized to perform data visualization and analysis in browser as well as on mobile device.
SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM.
The aim of three.js is to create a lightweight 3D library with a very low level of complexity. The library provides <canvas>
, <svg>
, CSS3D and WebGL renderers.
Features
<canvas>
, <svg>
, CSS3D, DOM, Software; effects: anaglyph, crosseyed, stereo and moreRaphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.
Nice tutorial from Smashing Magazine about "Creating an Animated bar Graph with CSS And jQuery".
What this tutorial is making?
jQuery Sparklines plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript.