SunburstView with D3.js

[JohannesLichtenberger]

We want to be able to display huge JSON and XML instances (provide an overview), that is one revision.

Then it's all about visualizing the changes between revisions: In a second step we want to enhance this in a sophisticated representation, which moves the encountered changes (diffing on the server side, which optionally takes the stored rolling hashes into account) between two revision in an outer ring:

http://www.youtube.com/watch?v=l9CXXBkl5vI

https://github.com/JohannesLichtenberger/master-thesis/blob/master/Master/Thesis/thesis.pdf

Thus, the two revisions to be compared are merged into one tree or SunburstView.

[Rackar]

Compare with D3.js, I perfer Echarts.js. Here are some demo:

https://echarts.apache.org/examples/en/editor.html?c=sunburst-visualMap https://echarts.apache.org/examples/en/editor.html?c=treemap-drill-down https://echarts.apache.org/examples/en/editor.html?c=tree-legend

It's more simple to config and display. Of course, depending on whether you like this library.

[JohannesLichtenberger]

Hmm, I think the D3.js community is much bigger probably and currently I'm reading a book about D3.js, so I think I'd prefer using D3.js.

[Rackar]

ok

[JohannesLichtenberger]

One Screenshot from my Java Swing / Processing GUI back then:

https://raw.githubusercontent.com/JohannesLichtenberger/sirix/master/bundles/sirix-gui/src/main/resources/images/wikipedia-scrolled.png

For sure now the TextView is either JSON or XML depending on the database.