Kapalı

Group Bubbles in a D3 Chart

This is a rather simple task for someone familiar with D3.

I currently have a bubble chart which generates a bubble each time an event happens. That bubble moves around the 'chart' bouncing into walls. Eventually there are tons of bubbles at the same time bouncing into walls and into each other.

What I need is that when the user clicks on a button those bubbles (again, which are bouncing around) will regroup themselves into two groups similar to:

[login to view URL]

The only cavet is that I am not using force in my current script so either it will need to be implemented or a workaround must be found.

After that, when the user clicks back on another button everything should come back to normal and bubbles should start to bounce again.

Let me know any questions you might have.

Beceriler: Dthreejs, JavaScript

Daha fazlasını gör: javascript, d3.js

İşveren Hakkında:
( 0 değerlendirme ) Punta del Este, Argentina

Proje NO: #9804936

Bu iş için 6 freelancer ortalamada $102 teklif veriyor

jayshreeganeshha

hi,javascript developer here and created many d3 charts. i am comfortable and confident to complete your project. on time. plz go through my reviews and discuss with me.I hope you would like to hire [login to view URL]

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(96 Değerlendirme)
6.5
speedev196

Hello I'm very excited once I saw your job posting just now. I can do discuss about budget. As I am experienced D3.js developer more than 5 years of coding experience, I feel confident that I'm the right candidat Daha Fazla

$100 USD in 3 gün içinde
(58 Değerlendirme)
6.0
statAnalysis

Hi, looking forward to support you with this project. I have done a lot of visualizations and can offer high quality for a reasonable price.

$49 USD in 3 gün içinde
(23 Değerlendirme)
5.8
andrewhudik

Hello, I analyzed the example you gave and fount the nex coffee script for that layout: charge: (d) -> [login to view URL]([login to view URL], 2.0) / 8 start: () => @force = [login to view URL]() .nodes(@nodes) Daha Fazla

$60 USD in 2 gün içinde
(42 Değerlendirme)
5.7
prolinkerx

Dear sir, I've read your requirement twice and check the link carefully. As an expert in D3JS, I could be a good fit. Could you please see some of my D3 work here: [login to view URL] h Daha Fazla

$90 USD in 0 gün içinde
(42 Değerlendirme)
4.3
jaquedeveloper

Hello there, my name is Jaqueline and I have the necessary knowledge in D3.js to make your bubble's app work. The last project I've worked on is a Django App hosted at Google Cloud which uses D3.js to generate a intera Daha Fazla

$250 USD in 15 gün içinde
(2 Değerlendirme)
3.2