D3 Visulatization

In Progress Posted Feb 26, 2015 Paid on delivery
In Progress Paid on delivery

I am looking to make an interactive and catchy display for the Google Chrome logo. To do this, I want to mash-up the Chrome logo with mbostock's "svg swarm" seen here: [url removed, login to view]

When you view the swarm, it is always in motion. What I want are for the dots to have an assigned color for the chrome logo and, when the mouse is not over the logo, the dots in the swarm should land on the logo to fill it in with color. When the mouse is over the logo, the swarm should disperse and be inaction like the example.

See attached files for a better idea on what I am picturing.

I plan to credit both Google and mbostock for the use of their log and swarm-script respectively. Feel free to use mbostock's scripts and just modify to add the required, additional behavior.

mbostock's swarm is using 500 dots and I would not like to use more than that. So, the size of the logo the swarm lands on can be adjusted to get good coverage. The current confined space of mbostock's swarm is also an ideal size already, so please keep the swarm within the same area as the original.

I have attached an svg of the chrome logo to use as the landing pad. It does not have to be completely or perfectly covered with dots just as long as things end up looking really cool and nice.

Dthreejs HTML5 JavaScript

Project ID: #7213357

About the project

9 proposals Remote project Active Mar 11, 2015

Awarded to:

JinNg

Hi, My name is Jin I have over 20 years of experience working in IT. Over 10 years in Australia as a contract programmer for companies like NAB, Bosch, etc. I am now based in Malaysia. I am very good at comm More

$250 USD in 3 days
(2 Reviews)
4.1

9 freelancers are bidding on average $248 for this job

esafeguard

Hi. I'm a JavaScript and HTML5 expert, with experience in working with D3. Please have a look at my portfolio for examples of my work. Regards

$444 USD in 7 days
(9 Reviews)
5.0
unbre4kab1esl

Hi, I'm ready to do this project starting right now and finish ASAP. I understand the idea and I will implement it. thanks.

$200 USD in 5 days
(17 Reviews)
4.8
celocarvalho

i've been working with javascript for 13 years now, i've never used d3 but as i read their documentation i think that effect shouldn't be hard to achieve. my code is always tested with BDD and well documented, im a More

$222 USD in 7 days
(0 Reviews)
0.0
kmeirlaen

Hi, I did something simular in the past using a heart (for valentines day), so have a good base to start from (it was not multicolor, but that should not be an issue).

$155 USD in 3 days
(0 Reviews)
0.0