Part 1: Integration

First of all, Chart.js is a “Simple yet flexible JavaScript charting for designers & developers” which provides a quick and easy way to spin up charts.

However, we will also style the charts to make it look like all the Premium charts out there.

We will start with including the CDN style and script between our <head> tags in layouts/application.html.erb

Then we add within the page .erb partial (eg. pages/index.html.erb) the HTML tag:

and the default script for initializing our chart:

Stack Rails Admin Theme (PRO Version)

This guide will get you started with both Rails 5 and Bootstrap 4 as well as will dive in some bootstrap 4 theming and finally will deploy and cover some of the quickest ways to get a Rails 5 App running on Heroku.

  1. Setup a new Rails 5 Application
  2. Include Bootstrap 4
  3. Add a custom Bootstrap 4 Theme
  4. Create a Dashboard Fluid Layout

1. Setup a new Rails 5 Application

We start our rails theme development with running the following command:

Once the Rails 5 scaffold has been finished we start the server by running:

That’s it you now have…

Senior Front-End & Rails Developer at

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store