We recommend nine great JavaScript framework scripts for drawing charts on webpages.

Source: Internet
Author: User
Tags mootools

Today, we would like to recommend nine great JavaScript scripts for drawing charts on webpages, these interesting JS scripts can help you quickly and conveniently draw charts (line, surface, pie, bar, etc ...), These include jquery, mootools, prototype, and some other JavaScript frameworks.
You can also refer to the following JavaScript/CSS tutorials and resources:
30 excellent CSS technologies and examples selected
Navigation menu resources of 300 + jquery, CSS, mootools and JS

1. Flot

Flot is a pure JavaScript framework for drawing charts based on the jquery framework. It can be instantly drawn and generated on the client side. It is easy to use (with many optional settings), attractive visual effects and interaction functions, table scaling, and mouse tracking. This JavaScript framework is applicable to the well-known Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0 +, opera 9.5 + and Konqueror 4.x+ browsers. View chart examples

2. js charts


JS chart is a javascript-based free chart generator that requires some simplicity or no manual coding. Using JS chart can easily complete your chart generation task, because you only need to use client scripts (that is, the browser side) without unnecessary plug-ins or server-side modules. You only need to prepare JS chart scripts, XML or Javascript arrays containing chart data, and your chart is ready.

3. tabletochart

Tabletochart is a Web page chart Builder Based on the mootools JS framework. It draws graphical charts by the values contained in the HTML table. You can use the table label to generate charts, including bars, lines, and cakes.

4. plotkit

Plotkit is a javascript framework for drawing charts and graphs. It supports HTML canvas, SVG based on Adobe SVG Viewer, and local browsers.

5. Yahoo UI Charts Control

Yui chart management allows you to visually display charts in the form of vertical bars, horizontal bars, lines, and cakes on the webpage. Features include datasource, mouse hover data prompts, combined charts, and skin functions.

6. protochart

Protochart is an open-source framework that allows you to create beautiful charts based on prototype and canvas. It supports multiple data types, such as line, bar, pie, curve, hybrid (MIX), and area chart, to be connected in a unified graph. It supports IE6/7, ff2/3, and Safari and even works on the iPhone.

7. ejschart

Ejschart supports mouse tracking, mouse events, keyboard tracking and events, scaling, scrolling, and cross lines to increase interaction and improve the user experience of Web charts. You can select multiple chart types: line, plane, scattered data, pie, and function level. You can customize every detail of a chart.

8. fgcharting

Fgcharting is a simple chart Builder Based on the jquery framework. It also supports various chart types and can customize parameters.

9. pure CSS data charts

Pure CSSCodeHow is the chart implemented? Unbelievable. Do you want to know how to implement it? Let's take a look at this tutorial on creating charts with pure CSS.

Original English:Useful scripts to plot charts in Web pages
Original translated text:We recommend nine great JavaScript scripts for drawing charts on webpages.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.