ZingChart Demos

Demos and tutorials for using ZingChart in with different environments, tools, libraries, frameworks, servers, and databases. We've done our best to make sure everything is well commented so that you can see how each demo was done, step by step.

Missing a demo? If there's a demo that you'd like to see, submit an issue. We'll do our best to get it put together.

Available Demos

Client Side Demos

• Getting Started -- Making your first chart with ZingChart
• Firebase and ZingChart -- Connect to a Firebase DB, store, and query data: all on the client side.
• GeoJSON -- Generate a custom ZingChart map using the loadGeoJSON method and a GeoJSON file.

Node/Express Demos

• MongoDB -- Create a server with Node.js and Express, connect to a MongoDB through Mongoose, and generate a chart on the client side with AJAX.
• CouchDB -- Create a server with Node.js and Express, connect to a CouchDB through Nano, and generate a chart on the client side.
• MySQL -- Create a server with Node.js and Express, connect to and query a MySQL database using the Node MySQL module. Format the data for use in a chart.

Ruby Demos

• Sinatra: The Microframework -- Make a Ruby microapp that turns URL parameters and queries into charts.
• Rails: A Full CRUD App -- Build a full CRUD (create, read, update, delete) app for managing charts.

PHP Demos

• MySQL -- Generating a chart from MySQL data with PHP
• MySQL - Full Refresh -- Generate chart from MySQL data with PHP, update the chart with new/updated data from the database after a set interval.

JSP Demos

• MySQL -- Generating a chart from MySQL data with JSP

My ASP.NET Demos

• [C#/VB] -- Generating a chart using MVC passing data from the controller to the view.

Coming Soon...

• Node/Redis