These following tools are the ones you need if you are working on a website project where you have to create charts or graphs, like a stock market site, for example, or if you are making a visual presentation in HTML format.
Making good-looking graphs shouldn’t be hard. Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing simple charts easy.
Flotr2 is a library for drawing HTML5 charts and graphs. It is a branch of flotr which removes the Prototype dependency and includes many improvements.
A lightweight graphics library with an intuitive graphics API and an SVG renderer.
Envision.js is a library for creating fast, dynamic and interactive HTML5 visualizations.
and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization.
Processing.js is the sister project of the popular Processing visual programming language, designed for the web. Processing.js makes your data visualizations, digital art, interactive animations, educational graphs, video games, etc. work using web standards and without any plug-ins. You write code using the Processing language, include it in your web page, and Processing.js does the rest. It’s not magic, but almost.
jQuery.Gantt: Draw Gantt charts with the famous jQuery ease of development
Dimensional charting built to work natively with crossfilter rendered using d3.js. Check out example page with a quick five minutes how to guide.
This project is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. This is a very young collection of components, with the goal of keeping these components very customizeable, staying away from your standard cookie cutter solutions.
jQuery.fracs determines some fractions for an HTML element (visible fraction, fraction of the viewport, …) and also provides the coordinates of these areas. As a bonus there is a page outline feature as seen on the right.
Toxiclibs.js is a port of Karsten Schmidt’s Toxiclibs for Java and Processing. Toxiclibs.js works great with any DOM element, such as Canvas and SVG. The library is also available for use with Node.js for desktop applications and servers.
Unveil is a data exploration and visualization toolkit that utilizes data-driven software design.
g.Raphaël – Official charting plugin for Raphaël
jQuery.qrcode enables you to dynamically add QR codes to your website. Choose between rendering the code in a canvas or with divs. The latter will be fine even for older browser. The QR code will always be in the least possible type/resolution.
KeyLines is ideal for organisations who want to migrate from legacy Java, Flex or Silverlight apps to the new world of HTML5.
Timeplot is a DHTML-based AJAXy widget for plotting time series and overlay time-based events over them (with the same data formats that Timeline supports).