sunburst-chart | sunburst interactive chart web component | Data Visualization library

That would allow accessing and control the markers:

To change the color of these sunburst's nodes separately you need to set color='character'. Keeping your discrete map this would result in:

For the font size, I'd let plotly work this out, because behind the scenes it's adjusting font size so that it can fit in its area. That being said, you can set a font size several ways to maybe achieve what your looking for:

Using fig.update_traces(textfont=dict(size=[20])) will set the first item's font size.

To adjust more nodes expand the array as necessary to align with items in character, for instance:

fig.update_traces(textfont=dict(family=['Arial','Courier New'],size=[8,20,8]))

will set the second item in character to Courier New it's font to 20 and the first and third elements font size to 8.

Finally, to bring it all together (and this may depend on what fonts you have available) to set Eve's font size and make it bold:

fig.update_traces(textfont=dict(family=['Arial Black', 'Arial'],size=[15]))

The zoom behaviour can be monitored using the plotly-sunburstclick event. When using the react component, this can be monitored using onSunburstClick (pending pull request).

The ID of segment that will be navigated to is in the event data as the nextLevel property, which can be used to drive React behaviour (e.g. using useState). Note that is important to use this property, and not the ID of the clicked segment, as when the central segment is clicked, the chart will actually navigate up a level to the parent.

To start to bring the zoom level fully under React's control return false from the sunburstclick event handler. This will prevent plotly from perfoming the zoom itself. Note that this will also stop the regular onClick/plotly_click from firing.

Try like this:

index.html:

You are absolutely right, compared to the rest of the intuitiv usage of plotly's R API preparing data for a sunburst chart is rather annoying.

I had the same problem and wrote a function based on library(data.table) to prepare the data, accepting two different data.frame input formats.

The format required to generate a sunburst plot using data similarly structured as yours can be seen here under the section Sunburst with Repeated Labels.

For your example it should look like this:

I don't have a specific solution, but at least a suggestion to the best of my abilities without your particular dataset.

My first suspicion was that you did not have the correct packages installed, but since you've stated that

I have played around with the online vs offline for Plotly neither appeared to make a difference

it seems to me that your problem has to be your data, specifically the type or the structure of your data. From your referred example I tried replacing values=[10, 14, 12, 10, 2, 6, 6, 4, 4] with values=['10', '14', '12', '10', '2', '6', '6', '4', '4'], but that worked just fine and increases the probability that it's the structure and not type that causes the problems.

Then I messed with the structure, replacing labels=["Eve", "Cain", "Seth", "Enos", "Noam", "Abel", "Awan", "Enoch", "Azura"] with labels=["Eve", "Cain", "Noam", "Abel", "Awan", "Enoch", "Azura"]. Now, no plot is produced with no error messages like this:

My conclusion: Make sure that each observation in parents occurs in labels.

Removing 'Noam' from labels is ok. seemingly because 'Noam' does not occur in parents:

Removing 'Seth' from labels is not ok:

So again, make sure that each observation in parents occurs in labels and see if that works out for you.

I would try to use flexbox to add the spacing you desire. Based on your code snippets, you have no CSS to tell then graphs where to actually go, so they just appear with default settings.

Try this, it worked for me to make them into a grid.

As told in the question already, this is related to How to change the graphical attributes of a point in an Excel sunburst chart through Apache POI. In my answer there was told already that sunburst chart is of type application/vnd.ms-office.chartex+xml and so cannot be a XSSFChartas this is of type application/vnd.openxmlformats-officedocument.drawingml.chart+xml. My answer there also provides a method to nevertheless get the XML of the sunburst chart in read and write mode.

But of course if one needs changing the XML one must know about what the XML is about. One could read Microsofts documentation starting with 2.24.3.11 CT_ChartSpace. But my approach is the following:

The *.xlsx file is nothing else than a ZIP archive. So I create a simple sunburst chart using Excel and save this in a *.xlsx file. Then I unzip that *.xlsx file and have a look at /xl/charts/chartEx1.xml. There I can see the XML used. Now I do additional formatting the sunburst chart using Excel, save and have a look at how the XML in /xl/charts/chartEx1.xml has changed. So I can determine the meaning of the used XML.

Using this approach I come to the conclusion that each single data label can be formatted using a where the idx is the same as the data point idx. The formatting is done in which contains paragraph and text run which is formatted then.

Knowing this, we come to following method: