Can anyone think of any examples of data structure...
# thinking-together
b
Can anyone think of any examples of data structure visualisers that allow you to change the presentation of the nodes of the data structure? Like ‘tree’, ‘table’, ‘xml’, ‘bytes’, ‘image’. I have some ideas for a binary data visualiser like this (driven by a data description language I’m making), I’m just curious about prior art on this kind of thing. Examples don’t have to be for binary data formats specifically though. It’s a UI I swear I’ve seen in the past…
k
Reminds me of @Wouter's TreeSheets.
😁 1
b

http://strlen.com/treesheets/docs/images/screenshots/screenshot_todo_half.png

👍 2
Yeah, that seems quite similar to what I was thinking about
s
Check out gtoolkit.com. @Tudor Girba had a recent talk about this stuff.
k
Yeah, exactly. If you download it there's an interactive tutorial that shows changing the visualization without modifying the underlying data.
b
Yeah, I’ve seen Glamorous Toolkit before 🙂
I swear I’ve seen some more too!
i
@denik on Twitter (creator of Vimsical) made something like this and demoed it to me privately. Send him a DM and he'd probably be happy to talk about it. It was a JS framework for rendering arbitrary tree structures with arbitrary presentations based on the nesting or data of each node. A bit like React but much looser / more open.
b
nice
b
@Brendan Zabarauskas we don't have any visualizations with sizzle yet, but our theory is that all data structures are a kind of tree, tree notation is the simplest 2d text representation of trees, and so you can use Tree notation as the basic building block to then build all kinds of visualizations of trees. here's an example that takes a tree and can spit out json/xml/csv/yaml, etc
In this one: http://jtree.treenotation.org/designer/ click any demo languages and then click "Explain", and you'll get a visualization of your tree as a 2D spreadsheet
you might need to have a few beers for it to look good, but hopefully the kernel of the idea is there, and better CSS styling will come in the future
b
We made an issue about this on our DDL project https://github.com/yeslogic/ddl/issues/166
s
our theory is that all data structures are a kind of tree
@Breck Yunits This paper would sort of agree: http://grammarware.github.io/parsing/ Is there any other material you can recommend for the transformations you did for your sandbox, other than looking at the code on GitHub?
b
amazing chart, thanks @Stefan!
@Stefan I just created an issue (https://github.com/treenotation/jtree/issues/75) to track that....it's such a handy thing that doubling down and making it easier (with docs) on how to make new transformations is a great idea, thanks