Javascript Chart Wrapper

Closed

metaVis: a Visualization Wrapper

The Google visualisation api is well thought out, and has much to recommend it - there are however many other great plotting and visualization libraries available (all of which can be used without a connection to Google). Since Google has good abstraction and documentation I would like to produce a javascript library that wraps the google visualization api and allows different backend adapters (one of which is the Google visualization api). To summarise the adaptor will:

- Have a 1:1 api correspondence with the google api as far as possible

- Map calls for a given adapter to translate google api syntax into jqplot, or D3

- Allow for extension so that new visualizations not provided by google can be enabled

- Write this as a jquery plugin

I'm calling this project metaVis.

an example will make this clearer

/**** Original Visualization Playground example ***/

function drawVisualization() {

// Create and populate the data table.

var data = [url removed, login to view]([

['ID', 'Life Expectancy', 'Fertility Rate', 'Region', 'Population'],

['CAN', [url removed, login to view], [url removed, login to view], 'North America', 33739900],

['DEU', [url removed, login to view], [url removed, login to view], 'Europe', 81902307],

]);

var options = {

title: 'Correlation between life expectancy, fertility rate and population of some world countries (2010)',

hAxis: {title: 'Life Expectancy'},

vAxis: {title: 'Fertility Rate'},

bubble: {textStyle: {fontSize: 11}}

};

// Create and draw the visualization.

var chart = new [url removed, login to view](

[url removed, login to view]('visualization'));

[url removed, login to view](data, options);

}

/**** Proposed wrapper example ***/

function drawVisualization() {

// Create and populate the data table.

var data = [url removed, login to view]([

['ID', 'Life Expectancy', 'Fertility Rate', 'Region', 'Population'],

['CAN', [url removed, login to view], [url removed, login to view], 'North America', 33739900],

['DEU', [url removed, login to view], [url removed, login to view], 'Europe', 81902307],

]);

var options = {

adaptor:"Google", // set the adapter

// adaptor:"jqPlot", // or might be jqPlot or D3

title: 'Correlation between life expectancy, fertility rate and population of some world countries (2010)',

hAxis: {title: 'Life Expectancy'},

vAxis: {title: 'Fertility Rate'},

bubble: {textStyle: {fontSize: 11}}

};

// Create and draw the visualization.

var chart = $('#visualization').metaVis("BubbleChart");

[url removed, login to view](data, options);

}

/************** END ************/

The final project must ensure

1) it is a well specified and documented jquery plugin - must use similar patterns as from [url removed, login to view]

2) Make sure it propagate and handles events (such as mouse click) correctly and transparently regardless of the backend

3) Development of adaptors is documented

4) Works with substantial subset of Jqplot as initial adaptor

5) Is coded on github (so that I can watch development).

Skills: HTML5, Javascript, jQuery / Prototype

See more: make a chart, jquery libraries, id life, html 5 syntax, data set visualization, create a table chart, jquery api google, wraps, wrapper, world translate, playground, jquery chart, great north, data visualizations, data plotting, d3 chart, correlation, html world map, html javascript example, javascript correlation, table set html, translate api javascript, jquery write html, javascript connection, jquery google translate plugin

Project ID: #5194091

9 freelancers are bidding on average $1231 for this job

buraqtech

1. Crowd Funding Site In these days we are already near to finish a full CMS based crowd funding site which is a clone of kickstarter but we implemented many unique features in this project to distinguish it from kic More

$1298 AUD in 18 days
(14 Reviews)
6.4
violetzs

I have read 5 points in your requirements very carefully and I understand what you want. With specialized skills and long experience, I'm confident will complete this project for you. I also proficient with Google visu More

$1499 AUD in 30 days
(58 Reviews)
6.1
seekdeveloper

Hi, I have understood your requirement I have good experience in handling Javascript/HTML5/PHP/Java/J2EE/iOS and Android apps/Drupal/Ruby & Ruby on Rails/MySQL/ I can handle this task for sure.I Hope we can wo More

$1546 AUD in 15 days
(15 Reviews)
6.0
nitelfreelance

Hello, We are a group of javascript developers. We have done javascript development using jquery, requirejs and knockout. We have done charting using d3js, highcharts and amcharts. We would be glad to develop the More

$1263 AUD in 30 days
(13 Reviews)
5.1
pallavibk

A proposal has not yet been provided

$1250 AUD in 15 days
(7 Reviews)
3.6
umadevisathesh

Hi, I am Umadevi, having 5+ years of experience in HTML,JavaScript,JQuery,Java,J2EE working in MNC, for developing web based product. I will do this job. Please contact me with the details

$1250 AUD in 3 days
(7 Reviews)
3.0
serverfireteam

Hi I have 1 years experience on js chart . i did create this project with D3.js : http://app.idretis.com . This is a mindmaping tools . It is will be good a jquery plugin . Lets do this

$1250 AUD in 15 days
(1 Review)
1.0
worker500

Hi, I can prepare such solution, I developed some visualization modules fow web applications based on HTML5 canvas. Can you provide detailed feature request list? Regards pk

$888 AUD in 3 days
(0 Reviews)
0.0
coffescript

hi , iam really interested with meta vis, please let me start it, iam javascript maniac, jquery is my breakfast hehe, please iam so need that job, please let me start this project, thanks

$833 AUD in 5 days
(0 Reviews)
0.0