google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank






13 thư viện JavaScript hữu ích cho việc dựng hình "Nghề" chơi dựng hình các đối tượng, mô phỏng các hoạt hóa,... hoạt động trên nền web đòi hỏi phải rất lắm "công phu", và thường được xây dựng trên các nền tảng mạnh về đồ họa như Flash, Java applet và mới đây là Silverlight. Tuy nhiên với đà tiến của công nghệ như hiện nay, cùng với sự hỗ trợ mạnh mẽ từ các trình duyệt thì ngôn ngữ JavaScript cũng đã tham gia "món ăn chơi xa xỉ" này với rất nhiều thư viện chuyên biệt.

Bài viết này nhằm khái quát tính năng và đặc trưng của một số thư viện phổ biến và mạnh mẽ hiện có, cũng như nhằm cung cấp cho các nhà phát triển web thêm một lựa chọn cho các dự án của mình.


Miễn phí web hosting 1 năm đầu tại iPage



Nếu bạn vẫn còn đang tìm kiếm một nhà cung cấp hosting đáng tin cậy, tại sao không dành chút thời gian để thử với iPage, chỉ với không quá 40.000 VNĐ/tháng, nhưng bạn sẽ được khuyến mãi kèm với quà tặng trị giá trên 10.000.0000 VNĐ nếu thanh toán cho 24 tháng ~ 900.000 VNĐ?

Có trên 1 triệu khách hàng hiện tại của iPage đã & đang hài lòng với dịch vụ, tuyệt đối chắc chắn bạn cũng sẽ hài lòng giống họ! Quan trọng hơn, khi đăng ký sử dụng web hosting tại iPage thông qua sự giới thiệu của chúng tôi, bạn sẽ được hoàn trả lại toàn bộ số tiền bạn đã sử dụng để mua web hosting tại iPage. Wow, thật tuyệt vời! Bạn không phải tốn bất kì chi phí nào mà vẫn có thể sử dụng miễn phí web hosting chất lượng cao tại iPage trong 12 tháng đầu tiên. Chỉ cần nói chúng tôi biết tài khoản của bạn sau khi đăng ký.

Nếu muốn tìm hiểu thêm về ưu / nhược điểm của iPage, bạn hãy đọc đánh giá của ChọnHostViệt.com nhé!
Thử iPage miễn phí cho năm đầu tiên NGAY

As data visualization often needs to reach a broad audience the browser is becoming the number one tool to publish and share visualizations. A lot of visualizations require user-interaction to unleash their full potential, thus interactive applets that run directly in the browser are a a great way to analyze the data at hand. Beside the usual suspects like Flash, Silverlight and Processing, JavaScript is quickly gaining ground in the field of interactive visualization embedded in websites. We've collected 13 JavaScript visualization libraries that help you get started faster, keep it flexible and develop with higher reliability.

Processing.js

Processing.js is an open programming language for people who want to program images, animation, and interactions for the web without using Flash or Java applets. Processing.js uses Javascript to draw shapes and manipulate images on the HTML5 Canvas element. The code is light-weight, simple to learn and makes an ideal tool for visualizing data, creating user-interfaces and developing web-based games.

Runs in
Safari, Firefox, Chrome, Opera, IE
Uses
Canvas tag / IE Canvas tag
Link
http://processingjs.org/

Raphaël

Raphaë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.
Raphaël uses the SVG W3C Recommendation and VML as a base for creating graphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later.

Runs in
Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+
Uses
SVG, VML
Link
http://raphaeljs.com

JavaScript InfoVis Toolkit

thejitThe JavaScript InfoVis Toolkit is a complete set of tools to create Interactive Data Visualizations for the Web. It includes JSON loading, animation, 2D point and graph classes and some predefined tree visualization methods.

Runs in
IE6+, Firefox2+, Safari3+, Opera9.5+
Uses
Canvas tag
Link
http://thejit.org/

Protovis

Protovis is a visualization toolkit for JavaScript using SVG. It takes a graphical approach to data visualization, composing custom views of data with simple graphical primitives like bars and dots. These primitives are called marks, and each mark encodes data visually through dynamic properties such as color and position.

Runs in
Firefox 3, Chrome and Safari 4
Uses
SVG
Link
http://vis.stanford.edu/protovis/

jQuery Sparklines

jQuery Sparklines is a jQuery plugin that generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript.

Runs in
Firefox 2+, Safari 3+, Opera 9 and Internet Explorer 6, 7 & 8
Uses
Canvas tag
Link
http://omnipotent.net/jquery.sparkline/

Primer

Primer is a tiny JavaScript library that simplifies the workflow of creating graphics right in the HTML using the object. Simply create a Primer() object in a DIV of your choice and then you're ready to start drawing.

Runs in
Firefox 2+, Safari 3+, Opera 9
Uses
Canvas tag
Link
http://github.com/mojombo/primer/tree/master

Flot

Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side.
The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming and mouse tracking.

Runs in
Firefox 2.x+, Safari 3.0+, Opera 9.5+, Konqueror 4.x+, IE 6/7/8
Uses
Canvas tag
Link
http://code.google.com/p/flot/

jQuery Google Charts

jQuery Google Charts is a jQuery Plugin for producing visualizations using the Google Charts API.

Runs in
Image- and JS-ready browsers
Uses
Image tag
Link
http://www.maxb.net/scripts/jgcharts/

jQ Chart

jQ Chart is another jQuery Plugin for creating canvas based visualizations. Unfortunately the documentation is only partly written in english languge.

Uses
Canvas tag
Link
http://jsgt.org/lib/jquery/plugin/jqchart/

TufteGraph

TufteGraph is a jQuery Plugin that lets you create graphs. There are no predefined layout structures - everything is set via Cascading Style Sheets.

Tested in
Firefox 3 and Safari 3
Uses
SVG & CSS
Link
http://xaviershay.github.com/tufte-graph/

jqPlot

jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features: Numerous chart style options, Date axes with customizable formatting, Up to 9 Y axes, Rotated axis text, Automatic trend line computation, Tooltips and data point highlighting, Sensible defaults for ease of use.

Runs in
IE 6, IE 7, IE 8, Firefox, Safari, and Opera
Uses
Canvas tag
Link
http://www.jqplot.com/

jQuery Visualize

Visualize provides a simple method for generating bar, line, area, and pie charts from an HTML table, and allows you to configure them in a variety of ways.

Runs in
Firefox, Safari, and Opera
Uses
Canvas tag
Link
http://www.filamentgroup.com/lab/

MooWheel

moowheelThe purpose of the moowheel script is to provide a unique and elegant way to visualize data using Javascript and the object. This type of visualization can be used to display connections between many different objects, be them people, places, things, or otherwise.

Runs in
Firefox, Safari, and Opera
Uses
Canvas tag / IE canvas tag
Link
http://www.unwieldy.net/projects/moowheel/

JavaScript theo ngày


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web