weknowinc / react-bubble-chart-d3

React Bubble Chart using D3
MIT License
57 stars 57 forks source link

Centered Node #28

Open matviishyn opened 5 years ago

matviishyn commented 5 years ago

Hello, is it possible to get one root node at center and others around it?

jmsv23 commented 5 years ago

can you give me more details about the thing that you want to acomplish?

matviishyn commented 5 years ago

basically, I want it to be the same way as is, but with only one detail - I want to pass an external image and align at the center, other bubbles would be around

something like here - http://phuonghuynh.github.io/javascript/d3js/2014/12/14/bubble-chart.html but the central bubble is custom and smaller

jmsv23 commented 5 years ago

this it's tricky the responsable for resolve the layout of the graph it's d3.pack (https://d3-wiki.readthedocs.io/zh_CN/master/Pack-Layout/) and calculate automatically the position of the bubbles based on the value of the node, it has several configuration so to acomplish the think that you want you should maybe create a fork of this library and adapt to your needs

matviishyn commented 5 years ago

Thanks for the answer, also a question, I'd like to pass a image and render it instead of circles, basically fill graph with circle images, is it possible?