In Progress

Javascript visualization for my website

I'm working on making visualizations and charts for some JSON files that I retrieve from some web services. I'm attaching all the JSON files and I need to create some graphs in some formats. Here is the detail of each file :

1) [url removed, login to view]

I need this file to be represented in Bubble Chart. Here is an example of that [url removed, login to view] Each bubble has to indicate that the mouse is moving over it such as expanding the size, changing the color or both. The size of the bubble is determined by the "hottness" attribute. Each bubble is a link with the following URL: [url removed, login to view]$hashtag. The $hashtage is the "hashtage" attribute in each object in the file.

2) GetTopUsersGraphByHashtag

The file consists of an array of two elements. 1) hashtag 2) users. I need this file to be represented in Zoomable Pack Layout graph. Here is a basic example of that [url removed, login to view] There are two types of circles: Parents and leafs. Parent circles are labeled with the field hashtag. The label has to be cleared and well-shown. Each leaf circle has a picture of its user. This URL to the picture can be taken from "profile_pic". The picture has to fit inside the circle without empty spaces in the circle. Each circle has to indicate that the mouse is moving over it such as expanding the size, changing the color or both. Also leaf circles has to be a link to twitter. This is the link: [url removed, login to view]$hashtag from:$screen_name. $hashtag and $screen_name are variables and related to users and the hashtags. Last thing, If you can get rid of the the big circle that contains every other circle, it would be great.

3) [url removed, login to view]

I need this file to be represented in Collapsible Tree Layout. Here is an example of that [url removed, login to view] Each node is a picture. The URL is in "profile_pic". The node is also a link to [url removed, login to view]$screen_name. The "screen_name" can be found in the user properties too.

I highly recommend using D3 library. But I'm open to any other libraries that can deliver the same or better.

Thanks

Skills: Dthreejs, Javascript, jQuery / Prototype

See more: types of tree graphs, tree leaf search, tree javascript jquery, tree in jquery, tree graphs, search web for picture, search graphs, prototype making, prototype chart, node prototype, node graphs, node graph, making a prototype, link graphs, library prototype, jquery libraries, graph node, graph and tree, get prototype, expanding tree, example of graphs, create charts and graphs, create a graph website, c graph library, better javascript

About the Employer:
( 3 reviews ) Philadelphia, United States

Project ID: #4386354

Awarded to:

ak4vl

D3.js is definitely the way to go for this project. Refer to my private message for other points of consideration.

$99 USD in 3 days
(0 Reviews)
0.0

3 freelancers are bidding on average $316 for this job

Tulear

IT Engineer with 13 years of experience (2000 - 2013), I have enough skills to complete this project. Please check inside my profile page - here at freelancer.com - what my former Employers have said about me. I a More

$650 USD in 3 days
(3 Reviews)
2.8
nghiatrinh

Hi, I have a lot of experience in javascript, html, css, xml, asp.net ... I can do it.

$200 USD in 7 days
(0 Reviews)
0.0