CODEWITHSUNDEEP
layoutd3.js
zeleniy
zeleniy

Reputation: 2272

d3.js. How to organize bubbles along the line without overlaps?

I want to make such kind of bubble chart: enter image description here But only i can do is here - http://jsfiddle.net/zeleniy/h646uopc/6/.

jsfiddle code mock

How i can move them apart to escape overlapping. I understand that in some cases bubbles will be shifted along the x axis because of chart height limit. But in any case i do not know how to do it? And i am not sure that want to use force layout to scatter bubbles. I want do draw it at once.

Upvotes: 3

Views: 3512

Answers (1)

zeleniy
zeleniy

Reputation: 2272

Finally i do it - http://zeleniy.me/stretched-bubble-chart.html. You should use force layout with specific gravity implementation. Read this article for details - http://vallandingham.me/building_a_bubble_cloud.html

Upvotes: 2

Related Questions