Red Heifer


Javascript Visualizations

This page contains visualizations of data using Javascript.

 

 

 

Visualizations Using Rickshaw

 

Rickshaw Smartphone Stacked Time Series

Visualizing multiple time series of CPU usage (CPU 0, 1, 2, 3) for a smartphone.

Rickshaw Smartphone Stack

 

Rickshaw Smartphone Time Series

Visualizing time series data from a smartphone - CPU usage measured at 5 second intervals.

Rickshaw Smartphone

 

Rickshaw Reactor

Visualizing live chemical reactor data using Rickshaw.

Rickshaw Reactor

 

Rickshaw Simple Charts

Demonstrating some basic time series charts using the Rickshaw library.

Rickshaw Example

 

 

 

Visualizations Using Cubism

 

Cubism Simple Chart

Demonstrating a simple time series chart using the Cubism library.

Cubism Example

 

 

 

Visualizations Using C3.js

 

C3.js Button-Controlled Bar Charts

Creating Javascript controls to link buttons and button-clicking to bar chart data. This requires active filtering of data.

Button-Controlled Bar Chart

 

C3.js Multiple Bar Chart: JSON

Simple multiple-series bar chart using the C3 library and loading arrays from a JSON file.

Bar Chart: JSON

 

C3.js Donut Chart: JSON

Simple donut chart using the C3 library and loading arrays from a JSON file.

Donut Chart: JSON

 

C3.js Line Chart: JSON

Simple line chart using the C3 library and loading arrays from a JSON file.

Line Chart: JSON

 

C3.js Line Chart: Array

Simple line chart using the C3 library and hard-coded arrays.

Line Chart: Array