Javascript D3 dynamic charts

  • Status Closed
  • Budget $30 - $250 USD
  • Total Bids 8

Project Description

I need to create visualizations to illustrate some financial concepts.

Particularly to adapt examples using [url removed, login to view] to specific cases.

Assignment 1:

Adapt the flying bubbles diagram as per link below:

[url removed, login to view]

Final visualization should show 3...7 large bubbles dancing around, and small bubbles flying around and pounding the large bubbles.

Each bubble must include synchronized text. Size of large bubbles must vary randomly over time.

Assignment 2:

Adapt the packed circles diagram as per link below:

[url removed, login to view]

Final visualization should show one large bubble that includes 3 other bubbles, that include each some 3...12 smaller bubbles.

Smaller bubbles shall include a text label.

Some animation shall be added, in the form of small bubbles flying between the larger circles. Area of floating bubbles shall be added to the size of target bubbles (ie floating bubbles combine with certain larger bubbles increasing their size).

Large bubbles shall have some animation as well - some collision detection as:

[url removed, login to view] .

Use of force field and various D3 effects is recommended.

Both charts will be integrated into a Wordpress page. Target container size 800 x 400 px for each assignment (flexible).

Final source code shall be clean, easy readable, and adjustable, if needed.

Text labels will be provided; size and placement data for the bubbles are flexible, as they are needed to illustrate concepts and not depict actual data.

Get free quotes for a project like this

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