Give us a call: +(1) 269 252 4193
Select your language

Chart.js

Interactive Charts & Graphs with Chart.js

Chart.js helps you to present your data into 7 different types of charts. With this library, you can create line chartsbar chartsradar chartspolar chartspie, and doughnut charts.

Chart.js displays charts and graphs using the HTML5 canvas element and is supported in all modern browsers. Chart.js is fully responsive, scaling to the size of your visitors’ screens. It also calculates the optimal scale granularity for the size of the chart or graph.

By using the canvas element, charts and graphs created with Chart.js are animated and highly customizable. Chart.js also gives your users the capability of interacting with the charts and graphs. It provides support canvas tool tips on a user’s hover/touch of part of the graph, instead of simply generating a static image.

The chart.js library does not depend on any other libraries and is very lightweight. The library in total (6 core charts) are only 11.01 kb when compressed. It is modular – its parts can be used and implemented independently – and the code for each of the chart types can be split up. This enables you to load only the code for the chart types you need for your project. Chart.js is available via GitHub.

Chart.js Tutorials: Creating Line, Bar, Radar, Polar, Pie, and Doughnut Charts

Easily create stunning animated charts with Chart.js

A well-explained tutorial, this article details how to make a line chart, a pie chart, and a bar chart with Chart.js. The code is clean and understandable, and the text does a good job of explaining what the code does.

Build a Dynamic Dashboard With ChartJS

This Chart.js tutorial is detailed and well explained. It shows how to create a doughnut graph, a line graph, and a radar graph, as well as explains a bit about how Chart.js works. This tutorial does a good job of explaining the code used additional to Chart.js, such as defining labels for the doughnut graph.

Chart.js library simplifies adding charts to web applications

This article introduces Chart.js and briefly explains how to create a simple bar graph. It also gives a brief explanation of how Chart.js works and how to add it to a webpage.

Getting started with Chart.js

This relatively straightforward tutorial explains a practical example of how Chart.js can be used. The tutorial, from June 2013, creates a simple graph of website rankings from Alexa. The code is bulky, but it is understandable and builds a useful graph.

Introducing Chart.js – The HTML5 Charts Library

This brief tutorial explains how to quickly create a line chart in Chart.js. The code is simple and the each part is explained.

Build HTML5 charts with Chart.js

This tutorial on Web Designer Magazine shows how to work with Chart.js, dynamically adding, resizing, and changing both data and graphs. The tutorial briefly explains how to build line, bar, and pie charts. While the article provides only brief explanation of the code, it does show how to work on more advanced uses of Chart.js.

Working with chart.js to create graphs, and charts using Javascript

This simple tutorial shows how to quickly create a line graph using Chart.js. Each part of the code is briefly explained, creating the final graph.

Website Crawlers

Looking to download a lot of data? Need to find the exact information in a gigantic internet haystack that you are looking for? These resources are designed to help you build spiders, crawlers, and other tools to obtain data from the internet.

Website Crawler Tutorials

Build website spiders and crawlers using: Python | PHP | Java | Node.js | Scrapy | Cheerio | Apache Nutch | MongoDB | PhantomJS.

Website Tools

These tools are designed to help you build your website, add content, and improve your website’s appearance.

Javascript Graphing Libraries

Add charts & graphs to your website using: Chart.js | Chartist.js | DC.js | Morris.js | Timeline.js | Vivagraph.js

Node.js Tutorials

How to install, program for, and implement Node.js for scalable and easy server-side Javascript for quick AJAX-style processing.

Parallax Website Design Techniques

Create websites with parallax scrolling using: jQuery.js | Stellar.js | Skrollr.js | CSS

Reveal.js

Parallax Web Design

Parallax website design moves one part of your website at a different speed than the rest of your page. This often creates a 3D-like effect, adding depth and interest to your webpage design. The resources, including themes, tutorials, and examples, are designed to help you build a website with parallax scrolling.

Parallax Web Design Resources

Parallax Technologies

Tools to create parallax scrolling websites: jQuery, Skrollr.js, Stellar.js, CSS

Parallax Tutorials

A Simple Parallax Scrolling Tutorial about how parallax scrolling works.

Tutorials for creating parallax websites using: jQuery | Stellar.js | Skrollr.js | CSS

Infininite Scrolling Web Design

Build an endless scrolling website, loading new content when your visitors reach the end of your webpage.

Infinite Scroll Tutorials

Tutorials about how to build an infinite scrolling website, including: WordPress, Drupal, Blogger, jQuery, Jetpack, Masonry, Isotope, and the Infinite-Scroll plugin for WordPress.

Infinite Scroll, Card Design Tutorial

How to build an infinite scrolling website with card design using Masonry, AJAX, JavaScript, PHP, and MySQL.

Website Theme Resources

Website themes are an easy to create a great website quickly. They provide a beginning point for you to build your websites, giving you layout, code, and functionality to work with. These resources are made to help you find the right theme to help you start building your website.

Website Theme Research

Our comprehensive, analytical research into the website theme industry, focusing on trends and major changes affecting website designers and website theme customers.

Theme Forest Analysis Report

Our Fall, 2014 Theme Forest Analysis Report shows a major shift in the theme marketplace. The empirical assesment of Theme Forest over a 28 month period indicates a series of interesting trends and patterns.

Analysis of Parallax Scrolling in Website Themes

Our assement of the popularity of parallax scrolling in website themes published on Theme Forest shows that parallax design elements are an increasingly popular trend.

WordPress Themes

Top Ranked WordPress Themes

The best WordPress themes for a new website, as calculated by our WordPress Theme Search Engine. These themes are selected for reliability, quality, popularity, and many other factors.

Parallax WordPress Themes

Top Ranked Parallax WordPress Themes: the best WordPress themes for creating websites with parallax scrolling, as ranked by our WordPress Theme Search Engine

10 Parallax WordPress Themes

10 Parallax WooCommerce WordPress Themes

Amazing WordPress Themes with WooCommerce and Parallax Scrolling

7 Amazing Parallax WordPress Themes

5 Wonderful Parallax WordPress Themes

eCommerce WordPress Themes

Top Ranked eCommerce WordPress Themes: the best WordPress themes for creating eCommerce websites, as ranked by our WordPress Theme Search Engine

10 Parallax WooCommerce WordPress Themes

5 Great eCommerce Website Themes, Built For WordPress

6 Amazing WordPress eCommerce Themes

5 Professional eCommerce Themes for Selling on Your Website

10 Great eCommerce WordPress Themes with WooCommerce

Finding WordPress & Drupal GPL Themes

How to find WordPress and Drupal themes licensed under the GNU Public License. These themes offer increased freedom and the ability to use your theme on multiple sites.

Drupal Themes

These themes are built for use with the Drupal content management system. Drupal is wonderful and quite popular for business websites.

Parallax Drupal Themes

Themes for creating parallax-scrolling 3D-depth-like effects and animations as visitors scroll down a page.

6 Parallax Drupal Themes

6 Professional Parallax Drupal Themes

Portfolio Drupal Themes

Themes built for making professionally designed portfolios.

5 Professional Drupal Portfolio Themes

5 Amazing Drupal Portfolio Themes

Corporate Drupal Themes

Themes built for making small, medium, and large business websites.

6 Corporate Drupal Themes

7 Professional Drupal Corporate Themes



Scroll To Top