Treemap Chart Type

[Nick_Short]

Suggesting support for a treemap chart type.

Generally these are used to convey a similar message as a pie chart (already supported), but can be much easier to read. One reason they are easier to read is that treemap in the shape of square/rectangle with width of X can use more visual space than a circle with diameter of X.

[Connor_McCormick1]

MEGA TRICK: SVG in Coda (one step away from generated charts and mind maps!)

I discovered the way to render SVG (vector graphics) in Coda. This capability (if put enough effort) lets you dynamically create virtually any images out of your data, such as: non-standard charts mind maps any other visualizations, including animated ones (but only with vanilla SVG; see row 2 of demo) That is because you declare image elements (e.g. each rectangle or text label) as plain text, which you can then concatenate into a finished image. Limitations: Don’t capture mouse events, …

If you’re down to hack a bit, you can get what you want with this thread

[Nick_Short]

That’s pretty awesome, however I’m actually referring to another chart type referred to as the “Treemap”: Treemapping - Wikipedia

But the tree chart example you showed might help me with another visualization I wanted to do, but didn’t think was possible. So thanks!

[Paul_Danyliuk]

Well, that kind of a treemap is also implementable. It’s just that you have to code the algorithm to make those SVG nodes yourself. Which may be tricky.

[Connor_McCormick1]

Haha I spent some time with this doc and yeah it’s pretty tricky to implement your own visualizations. But you’ll also learn a lot!

[Xyzor_Max]

it is possible to create treemaps and other graph based diagrams using the DOT language by Graphviz.

see a simple example here

DOT Language GRAPHS in CODA

mind-mapping and graph-based documentation are very important to us in Agile Dynamics. so i have started developing tools to use the DOT language to generate diagrams. this first prototype is the simplest; provide a list of structures and it generates a tree-map. you can select the direction (down or across) and the node-shape (box or elipse). later i will add more features. ideally it should eventually be able to diagram coda internal structures like formula code and buttons etc. but i wan…

respect
max

[Bill_French]

I’ve had pretty good success with QuickChart and setting up a table-embedded chart is really simple. @David_Kossnick tipped me off and I’ve refined the process to make it really easy.