CSC/ECE 517 Spring 2015 E1522 Visualization: Difference between revisions

From Expertiza_Wiki
Jump to navigation Jump to search
Line 7: Line 7:


==Overview of Approach==
==Overview of Approach==
There are quite a few gems available to visualize data in Ruby on Rails, like Goolgecharts (http://googlecharts.rubyforge.org/) and GoogleVisualr (http://googlecharts.rubyforge.org/).  These gems makes use of Google Visualization API and wrap it to let users write ruby codes to present nice charts in their web pages instead of using Javascript.
There are quite a few gems available to visualize data in Ruby on Rails, like Goolgecharts (http://googlecharts.rubyforge.org/) and GoogleVisualr (http://googlevisualr.herokuapp.com/).  These gems makes use of Google Visualization API and wrap it to let users write ruby codes to present nice charts in their web pages instead of using Javascript.
===GoogleVisualr===
===GoogleVisualr===
GoogleVisualr <ref>http://googlevisualr.herokuapp.com/</ref> is a
GoogleVisualr <ref>http://googlevisualr.herokuapp.com/</ref> is a

Revision as of 02:23, 1 April 2015

Expertiza - Visualization

Project Description

In this project, the data in Expertiza would be presented in a more convenient and instinct way.

Purpose

Overview of Approach

There are quite a few gems available to visualize data in Ruby on Rails, like Goolgecharts (http://googlecharts.rubyforge.org/) and GoogleVisualr (http://googlevisualr.herokuapp.com/). These gems makes use of Google Visualization API and wrap it to let users write ruby codes to present nice charts in their web pages instead of using Javascript.

GoogleVisualr

GoogleVisualr <ref>http://googlevisualr.herokuapp.com/</ref> is a

GoogleCharts

Googlecharts is a ruby gem implements a wrapper for Google Chart API. It is fully tested using RSpec.

Usage

Installing

gem install googlecharts
Example in Ruby on Rails

Controller:

@line_chart = Gchart.line(:data => [1, 2, 3, 4, 5])

View:

 <%= image_tag(@line_chart) %>
Basic Usages

require ‘gchart’
Gchart.line(:size => ‘200*200’,
:title => “title”,
:bg => ‘efefef’,
:legend => 
:data => [1, 2, 3, 4, 5])
Detail Usages

Visualization in Expertiza