Dashboard
Mailbox
Cards & Widgets
UI Elements
Navigation
Charts
Forms
Tables
Maps
Utilities
Apps & Pages
Layouts
Sitemap

Memory Usage

32.3%
8,6,5,9,8,4,9,3,5,9

CPU Usage

140.05
4,3,5,7,12,10,4,5,11,7

Disk Usage

82.02%
1,2,1,3,2,10,4,12,7

Daily Traffic

62,201
3,12,7,9,2,3,4,5,2

IMG_43445

JPG Image

1.2mb

VID_6543

MP4 Video

24.8mb

Tax_Form

Word Document

5.5mb

Getting_Started

PDF Document

12.7mb

Introduction

PDF Document

7.7mb

IMG_43420

JPG Image

2.2mb

IMG_43447

JPG Image

3.2mb

VID_6545

AVI Video

14.8mb

Secret_Document

Word Document

4.5mb

+ Add Event
Sound Notification

Play an alert sound everytime there is a new notification.

2 Steps Verification

Sign in using a two step verification by sending a verification code to your phone.

Location Services

Allowing us to access your location

Newsletter Subscription

Enables you to send us news and updates send straight to your email.

Your email

Rickshaw Chart (Responsive)

A powerful, interactive charting and visualization library for browser.

Bar Chart

Below is the basic bar chart example.

Source Code

var bar1 = new Rickshaw.Graph({
element: document.querySelector('#chartBar1'),
renderer: 'bar',
max: 80,
series: [{
  data: [
    { x: 0, y: 40 },
    { x: 1, y: 49 },
    { x: 2, y: 38 },
    { x: 3, y: 30 },
    { x: 4, y: 32 }
  ],
  color: '#26A2E2'
}]
});
bar1.render();
Stacked Bar Chart

Below is the stacked bar chart example.

Source Code

series: [{
  data: [
    { x: 0, y: 20 },
    { x: 1, y: 30 },
    { x: 2, y: 10 },
    { x: 3, y: 15 },
    { x: 4, y: 10 }
  ],
  color: '#466C79'
},
{
  data: [
    { x: 0, y: 10 },
    { x: 1, y: 10 },
    { x: 2, y: 15 },
    { x: 3, y: 20 },
    { x: 4, y: 12 }
  ],
  color: '#26A2E2'
}
Multiple Bar Chart

Below are multiple bar chart example.

Additional Option Code

stack: false
Line Chart

Below is the line chart example.

Option Code

rendered: 'line'
Area Chart

Below is the area chart example.

Option Code

renderer: 'area'