Chartist.js

Interactive Charts & Graphs with Chartist.js

Chartist.js is a JavaScript-based graphing library for websites. The library creates graphs real-time on websites with scalable vector graphics (SVG), styles them with CSS including CSS animations and transitions, and gives direct control of the graphs with JavaScript.

Because graphs built by Chartist.js are created using vectors, they are fully responsive to your visitors’ screen sizes and will automatically match your visitors’ screen resolution.

Chartist.js is built with and supports code written for the SASS CSS preprocessor. Using CSS @media queries, Chartist.js supports creating different graphs for different screen sizes. For easier control than manually writing @media queries, the library also offers an easily-implemented mechanism to specify graphs for different types of devices.

With these settings, the library supports both traditional and mobile-first designs. For mobile devices for example, Chartist.js can show fewer labels creating a more easily read graph.

Accessing elements within graphs created by Chartist.js is easily done through the HTML DOM, just like any other element on your website. Because the graphs are created using SVG, every component of the graph is accessable and editable.

Chartist.js Tutorials: Creating Line, Bar, Scatter, and Pie Charts

Chartist – Examples

This pages shows live demos for how to create charts with Chartist.js, providing javascript code and brief explanations for the end result. The examples include line charts, scatter charts, area charts, bar charts, and pie charts.

Chartist – Getting started

This is the official tutorial for Chartist.js. It explains how to load the library, how to create the HTML structure for graphs and charts in the page, and the javascript for creating charts. The tutorial is easy to follow and quite understandable, with clear explanations for potential developers about how the library works.

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

Website Tools

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

Javascript Graphing Libraries

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.