nxt3at / sankeydiagram.net Goto Github PK

This is very useful, thanks!

I'm building up a diagram, which has some very small sub-branches. It would be nice if you could click on something and collapse the child nodes.

Would this be possible?

I just git cloned the repo and do run nodejs 20.11.0 LTS

During npm run build I repeating get this error:

@parcel/workers: Expected constructor 2.7.0:BundleGraph to be registered with serializer to deserialize

Is that nodejs version OK to run it? I didn't find any version requirement in the package json file for this. And what can that error be?

show a warning that the action taken by the "anonymize data" button in the settings is not reversible and will obfuscate all data

Thanks for providing this sankey diagram visualization! I'm actually quite happy it doesn't collapse when adding a circular stream. Just this issue: The value doesn't seem to be right...

Example: https://sankeydiagram.net/?content=PTAEGUHkFUCUGECioDaA1AggGWsgFAMYCGAdqAEYCmoRoA5APx0CUAuqACoawDiiHoPCniQskWK2YAoAO5EA5tRQN2ASxIA3SgGcALuvlT1WvQdQrQ/AGLap17agCMAVgAM7cADIACm9d2OGyc3dkQAVwAnAHtwXSiAD3i3I00dfRJ5c3Y9KIIAa1sc/IcUENBjNIMpIA===&

// SOURCE [VALUE (can be a '?')] TARGET ([COLOR])
wage [?] investing
investing [?] ETFs
ETFs [150] S&P500
ETFs [150] EuroStoxx50
investing [?] stocks
stocks [50] investing

In the current implementation, the node investing has a value of 400, whereby as I read it, it should only be 300, because the 50 are straight fed back into the node, increasing it by another 50.

I've found another library which contains a reference to an algorithm to detect circular references - maybe it helps: https://github.com/tomshanley/d3-sankey-circular

With version 1.2.0 I implemented issue #30 to share changed settings in the URL. There should be a setting to disable this behavior if it's unwanted.

It would be nice if we had the possibility to export and import the sankey diagram input as a text file.

It looks like currently, items are sorted alphabetically by default.
It would be nice to either sort them manually (by order of appeareance in the markup).
Or alternatively, extend the syntax to be able to specify a sorting order for the items below a node.

Add a setting to show relative percentages instead of absolute values next to the flow labels.

Using brotli instead of lz for compressing the input into the sharing url could probably shrink the length of share-urls.

Due to backwards-compatibility we should still keep in LZ tho and mark brotli strings with some magic bit at the beginning.

It'd be nice to have the option to automatically fill a target with the remaining value of a source.

source [500] target
target [400] rent 
target [%] savings // automatically fills to 100 and ideally refreshes when other values are changed 

I can try to do it myself, but some pointers would be nice

The default font-size is 20px. Add a setting to change the font-size.
The font-size must also be reflected in exported images/svgs and the share link.

Currently when using the share sankey as link function only the content gets shared, not the settings. In the future the settings should also be included in the share link.

Attention: I think the share link should only include actually changed settings as that would help keeping the link length in check. The downside is that when we decide to change the default of some settings in the future, the settings would default on the new pre-set value.

in [100.12] total in
total in [20.55] out

If i set Decimal precision in the settings to 0 or 1 everything works as it should. But if i want to show the whole value without rounding - 2 decimals - nothing happens: