10 JSON Data with jQuery Plugins, Scripts & Tuts

Sam Deering
Tweet

Today’s post is a collection of 10 JSON Data with jQuery Plugins, Scripts & Tuts. Learn how to create a classy bar chart with flash like animation effects with DDChart (JSON Driven Zoomable Drill Down Bar Chart) and more… Enjoy!

Related Posts:

1. Load JSON data with jQuery, PHP and MySQL

This post shows how to populate a select box based on the value of another, by getting JSON data with jQuery from a PHP script that gets the data from a MySQL database.


Load JSON data with jQuery

Source + Demo

2. jQuery JSON Ajax Requests and Caching

This post looks at which browsers cache the requests, and how to make sure it is not cached.


jQuery JSON Ajax

Source + Demo

3. doubleSuggest

A jQuery plugin will set up a UI that suggest results as you type. It will display two types of suggestions, first (and faster) the local data and second (and slower) the results from an AJAX search query.


doubleSuggest

Source
Demo

4. DDChart: JSON Driven Zoomable Drill Down Bar Chart

Is a JSON data driven bar chart plugin that creates a classy bar chart with flash like animation effects.


DDChart

Source + Demo

5. How to build a web widget using jQuery

The interesting points will be:
> Ensure the widget’s code doesn’t accidentally mess up with the rest of the page,
> Dynamically load external CSS and JavaScript files,
> Bypass browsers’ single-origin policy using JSONP.


web widge

Source
Demo

6. jQuery Tokeninput

jQuery plugin which allows your users to select multiple items from a predefined list, using auto completion as they type to find each item.


jQuery Tokeninput

Source + Demo

7. jQuery quickie

Unlimited scroll using jQuery. I’ve using the Twitter API to make the example, so you’ll learn a little bit about JSON too…


jQuery quickie

Source
Demo

8. jQuery charToTable Plugin

It uses some PHP + GD to convert a character to an image, and then to a JSON object containing the glyph matrix.


jQuery charToTable

Source
Demo

9. FlexBox – jQuery Ajax based Textbox & Selectbox

A jQuery plugin that is intended to be a very flexible replacement for html textboxes and dropdowns, using AJAX to retrieve and bind JSON data.


FlexBox

Source
Demo

10. jQuery Randomly Rotating Image Gallery – Mosaiqy

Mosaiqy is a jQuery plugin for presenting images in a Mosaic-like grid interface. It retrieves images from a JSON/JSONP data source which makes integrating with image hosting services pretty easy and there are already demos for Flickr, Instagram and Panoramio.


Mosaiqy

Source + Demo

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • SteveX

    Thankyou! Great list of articles. I opened several, and found jfhovine, doublesuggest and alexmarandon article very interesting. I will be using this info coding tomorrow.

    Thanks again! Very cool.