Javascript visualization for my website

  • Status Completed
  • Budget $30 - $100 USD
  • Total Bids 3

Project Description

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

Get free quotes for a project like this
Completed by:

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online