in the recent work process need to use the front-end some JS frame, see a blog post on the back-up use, follow-up will improve some materials.
FlotFlot A pure JavaScript drawing library, developed based on jquery. It is able to quickly generate pictures on the client based on any data set. Only line charts and bars can be plotted at this time.
JqchartA simple graphical control that can be dragged and/or interacted based on Canvas+jquery.
Open Flash ChartOpen Flash Chart is an open source Flash charting component.
PlotkitPlotkit is a pure JavaScript drawing toolkit. It supports HTML canvas and Adobe SVG.
XML SWF ChartsXML SWF charts is a simple but powerful tool that leverages flash and generates XML data dynamically to generate Web chart. The currently supported charts types are:
- Line
- Column
- Stacked Column
- Floating column
- 3D column
- Stacked 3D Column
- Parallel 3D Column
- Pie
- 3D Pie
- Bar
- Stacked Bar
- Floating Bar
- Area
- Stacked Area
- Candlestick
- Scatter
- Polar
- Mixed
- Composite
- Joined
Jquery.sparklineThis is a jquery plugin for generating mini-line graphs.
FLOTRFlotr is a JavaScript drawing tool based on the prototype development. Support legend, mouse tracking, image area selection, Image zoom, add event hooks (events hook), set style via CSS, etc.
Open Flash Chart2Open Flash Chart2 is a fully rebuilt Flash chart drawing component based on open Flash chart1.x. The biggest difference from the 1.x version is the conversion of the data format to JSON for some cooler functionality. This version is all developed with ACTIONSCRIPT3 and Adobe Flex compiles.
ProtochartProtochart is an open source JavaScript toolkit developed using prototype and canvas. The currently supported chart types are:
- line, bar, Pie, Curve, mix, and area charts
- Support multiple data data series in the same diagram
- Support Legend Tags
- Ability to customize grids, grid edges, backgrounds
- Custom coordinate axis titles (including x-axis and y-axis)
VisifireVisifire is a set of open source Microsoft Silverlight charting components. Visifire allows you to quickly create "amazing" charts (Charts) using ASP, ASP, PHP, JSP, ColdFusion, Ruby on Rails, or just HTML. There is no need to know any Silverlight knowledge, as long as you have basic HTML knowledge, you can use this powerful Silverlight diagram to make components.
CSS for Bar Graphs examples of various histogram (bar graph) implementations using XHTML+CSS.
Fusioncharts Free
Fusioncharts Free is a cartographic component used to create good-looking, data-driven, animated flash charts. It works with PHP, Python, Ruby on Rails, ASP, ASP. NET, JSP, ColdFusion, HTML pages, and more. This component is a free version of Fusioncharts, but the functionality is still very powerful. The types of charts it can generate include:
- 2d/3d Column & Bar charts
- 2d/3d Pie & Doughnut charts
- Line charts
- Area charts
- Stacked Charts
- Gantt charts
JS ChartsJS charts is a JavaScript mapping component. Supported chart types include: Histogram, pie chart, graph, etc. The data source supported by JS charts can be an XML or JavaScript array.
MoocsschartsA histogram (barcharts) with animated effects based on the MOOTOOLS+CSS implementation.
jQuery Google Chartsjquery Google charts is a jquery plugin that encapsulates Google API charts, providing a much easier way to use it.
AxiisAxiis is an open source data charting component based on the degrafa,flex&actionscript3.0 development. Jqplot is a jquery drawing plugin that allows you to make beautiful line and histogram diagrams. Jqplot supports setting various styles for the chart. Provide ToolTips, the number of points highlighting and other functions.
Visualize is a jquery plugin that uses HTML5 canvas to convert tables tags into charts. Supported chart types include: Line chart, histogram, pie chart. You can set the chart title, Height/width, color, etc. Milkchart is an easy-to-use, powerful, MooTools-based charting tool. It uses the html5<canvas> tag. Supported chart types include:
- Column
- Bar
- Line
- Scatter
- Pie
Raphaël is a JavaScript Library that can create and manipulate vector graphics on a Web page. It uses SVG&VML to create graphics. Because each generated graph is a DOM object, you can manipulate these graphs through JavaScript. Support for most browsers includes: firefox3.0+, safari3.0+, opera9.5+, and Internet explorer6.0+.
Graphaël is an open source JavaScript chart making library based on Raphaël implementations. It can generate either a static chart or a diagram with interactive functionality. Chart types include: Pie chart, histogram, line chart and point chart. The chart uses VML to create support for most browsers such as: firefox3.0+, safari3.0+, opera9.5+, and Internet Explorer6.0. Highcharts JS is a purely JavaScript mapping library that supports chart types including line, spline, area, areaspline, column, bar, pie, and scatter. When you move the mouse over the chart, a ToolTip is used to display the relevant text information for each point or area. You can zoom in on a chart to see more detailed data in a section. Highcharts supports most browsers including iphone and IE6.
Moobargraph is a MooTools plugin for making Ajax diagrams that supports two types of charts: simple histogram and stacked histogram. This plugin uses JSON data to create diagrams and is compatible with most browsers including IE6. Features include: You can set the bar label, color, link URL, and tooltip information. The data can be loaded using AJAX.
JqbargraphJqbargraph is an easy-to-use jquery plugin for displaying your data in a histogram manner. The browsers supported by the tested Jqbargraph include: safari2+, Internet explorer6+, firefox2+, Google chrome3+, opera9+. The jqbargraph supports the dynamic growth bar chart.
GraficoGrafico is a JavaScript charting Library based on Raphaël and Prototype.js implementations. Support to display some additional information such as current value when the mouse moves over the chart, you can use the picture as the watermark background, add the average line and so on. Supported chart types include:
- Line graphs
- Area graphs
- Stacked area graphs
- Stream graphs
- Bar graphs
- Horizontal bar graphs
- Sparklines
- Sparkbars
- Sparkareas
simile WidgetsSimile widgets is a set of open source Web controls for graphical visual viewing of content or data. Including:
Timeline
Timeplot
Runway
RGraphis a chart making library using the HTML5 canvas tag. The chart generated by the library is interactive, and when the mouse clicks or moves out, the corresponding information is displayed, and you can dynamically load the chart or zoom to a particular point. The currently supported chart types are:
- Bar, Pie, donut, Gantt, radar, funnel, bi-polar charts
- Line and scatter graphs
- LED Display
- Meter
- Odometer
- Progress bar
DhtmlxganttDhtmlxgantt is a JavaScript component capable of creating dynamic Gantt charts and viewing project plans in a convenient, graphical way. Using Dhtmlxgantt, you can show dependencies between activities, show the status of the current plan (displayed as a percentage shadow), and move the activity into a tree structure. This component is compatible with most browsers including: IE, Mozilla, Opera, Chrome.
Birdey
eBirdeye is an open source Adobe Flex charting component. Used to create a multidimensional data analysis visualization interface.
GvchartGvchart is a jquery plugin that uses Google Chart tools to create interactive charts (Charts). You can create chart types with area, line, Bar, column, and Pie Five. It uses HTML tables to do the data source to create the chart.
canvasxpressCanvasxpress is a JavaScript mapping toolkit implemented with HTML5-based tags. supports a variety of chart making including: histogram, line chart, point chart, area, stacked, heat map, pie chart and so on. The resulting chart is interactive, and the mouse is put on to display the values in the chart. You can also set chart colors, text, and show/hide elements.
ProtovisProtovis is a JavaScript Lib that allows you to draw custom charts using simple markers such as lines and dots + data.
Table2chartTable2chart is a lightweight mootools plug-in, compressed and gzip compressed files only 1kb. Allows you to easily generate a pie chart of data from a data table.
Table2chart
DhtmlxchartDhtmlxchart is a purely JavaScript-implemented chart generation component that supports most common chart types including line, spline, area, bar, and pie charts. Charts can be changed dynamically without having to refresh the page. In addition, the component supports adding other elements such as tooltips, ticks, labels, and so on for the chart. Dhtmlxchart can load data from a variety of different data sources (XML, JSON, JS Array, CSV) to generate graphs.
Finger ChartFinger Chart (hereinafter referred to as Finger) is a lightweight, flash-based charting solution (extended to the HTML5 platform in the future), launched by the riameeting community, and open source based on the LGPL protocol. The chart includes common chart types, including line chart, column chart, bar chart, pie chart, area chart, scatter plot, bubble chart, etc. finger's application goals are: Web applications and mobile applications, so you can also see the purpose of the chart naming, that is, to maintain a lightweight and small resource consumption, To achieve smooth operation with limited hardware resources.
Finger Chart
Awesomechartjs
[Turn] Some useful charts chart making tools
