Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/phronmophobic/treemap-clj
An alternative to pprint for generically visualizing heterogeneous, hierarchical data
https://github.com/phronmophobic/treemap-clj
clojure data-visualization membrane treemap
Last synced: about 2 months ago
JSON representation
An alternative to pprint for generically visualizing heterogeneous, hierarchical data
- Host: GitHub
- URL: https://github.com/phronmophobic/treemap-clj
- Owner: phronmophobic
- License: epl-2.0
- Created: 2020-07-19T21:01:43.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-10-10T03:50:34.000Z (about 2 years ago)
- Last Synced: 2024-10-13T01:32:08.327Z (2 months ago)
- Topics: clojure, data-visualization, membrane, treemap
- Language: Clojure
- Homepage:
- Size: 460 KB
- Stars: 66
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# treemap-clj
An alternative to pprint for generically visualizing heterogeneous, hierarchical data
Built with [membrane](https://github.com/phronmophobic/membrane).
## Web Demo
Try it! https://blog.phronemophobic.com/treemap/treemap-demo.html
## Rationale
Treemaps are an underutilized visualization that are capable of generically summarizing data of many shapes and sizes. To date, they've mostly been used for displaying the files consuming all of your disk space, but with a few tweaks, treemaps can be a flexible tool for exploring and navigating messy data blobs.
For more background, check out [treemaps are awesome!](https://blog.phronemophobic.com/treemap/treemaps-are-awesome.html)
## Example Output
Example outputs for various sizes. Example [data](https://raw.githubusercontent.com/t-mon/selffinding-chronicles/cb24e067579ba755c26ef642b24f9d2a8d3b45b9/gamedata/savegames/test-savegame.json).
![Example output](https://blog.phronemophobic.com/treemap/images/sizes-example.gif)
## Installation
Leiningen dependency:
```
[com.phronemophobic/treemap-clj "0.2.6"]
```deps.edn dependency:
```
com.phronemophobic/treemap-clj {:mvn/version "0.2.6"}
```## Usage
Creating a treemap can be broken down into 3 steps:
1. layout
2. render
3. draw![API](/doc/api.png?raw=true)
### Save a treemap as an image
```clojure
(def obj {:a (range 5)
:b (range 5)
:c (range 5)});; layout the treemap rectangles
(require '[treemap-clj.core :as treemap])(def tm (treemap/treemap obj
(treemap/make-rect 300 300)))
;; or(def tm (treemap/keyed-treemap obj
(treemap/make-rect 300 300)));; render the treemap
(require '[treemap-clj.view :as tview]);; render your desired layers
(def tm-rendered [(tview/render-depth tm)
;; (tview/render-background-types tm)
;; (tview/render-keys tm)
(tview/render-hierarchy-lines tm)
(tview/render-value-labels tm)
]);; save rendered treemap to image
(require 'membrane.java2d)(membrane.java2d/save-to-image! "treemap.png" tm-rendered)
;; or draw to a buffered image
;; (membrane.java2d/draw-to-image tm-rendered)
```### Run the built in treemap explorer
Currently only available on Mac OSX and Ubuntu
From the command line: `lein run -m treemap-clj.treem `
Note: you must have `data.json` (eg. `[org.clojure/data.json "1.0.0"]`) as a dependency to read json files.
From the repl:
```clojure
(require '[treemap-clj.treem :as treem])(def my-obj {:a 1})
(treem/app my-obj)
```### Rendering your own treemap layers
The layout and rendering steps are intentionally broken up in order to make it easy to use treemaps in different contexts.
Treemaps are layed out using `treemap-clj.core/treemap` or `treemap-clj.core/keyed-treemap`. Both functions return a single `treemap-clj.core/Rect`.
```clojure
> (treemap-clj.core/treemap {:a 1} (treemap-clj.core/make-rect 100 100))
{:x 0,
:y 0,
:w 85,
:h 85,
:obj {:a 1},
:children
({:x 0,
:y 0,
:w 70N,
:h 70N,
:obj [:a 1],
:children
({:x 0, :y 0, :w 60N, :h 25N, :obj :a, :children nil}
{:x 0, :y 35N, :w 60N, :h 25N, :obj 1, :children nil})})}
```Each rectangle has enough info to draw a rectangle (keys `x`, `y`, `w`, `h`) as well as the object it represents `:obj`.
The `:children` are offset by all of their parents' `x` and `y` coodinates.
Rendering a layer is as simple as treewalking. `treemap-clj` uses [membrane](https://github.com/phronmophobic/membrane) for graphics, but you can use whichever graphics library you desire.
#### Render example using loop/recur
```clojure
(require '[membrane.ui :as ui])
(def black [0 0 0])
(defn render-dots [rect]
(loop [to-visit (seq [[0 0 rect]])
view []]
(if to-visit
(let [[ox oy rect] (first to-visit)]
(if-let [children (:children rect)]
(let [ox (+ ox (:x rect))
oy (+ oy (:y rect))]
(recur (into (map #(vector ox oy %) children)
(next to-visit))
view))
(recur (next to-visit)
(conj view
(ui/translate (+ ox (:x rect)) (+ oy (:y rect))
(ui/filled-rectangle black 2 2 )
)))))
view)))
```#### Render example using clojure.zip
`clojure.zip` makes treewalking very straightforward. This produces the same result as above.
```clojure
(require '[membrane.ui :as ui])
(require '[clojure.zip :as z])
(def black [0 0 0])
(defn render-dots-zip [tm]
(let [zip (z/zipper :children :children
(fn [rect children]
(ui/translate (:x rect)
(:y rect)
(vec children)))
tm)
rect->dot (fn [rect]
(ui/translate
(:x rect) (:y rect)
(ui/filled-rectangle black 2 2 )))]
(loop [zip zip]
(if (z/end? zip)
(z/root zip)
(let [zip (if (z/branch? zip)
zip
(z/edit zip rect->dot))]
(recur (z/next zip)))))
))
```## Fixing the mac osx dock icon appearing
On macosx, `keyed-treemap` may cause an annoying java dock icon to appear. There are 2 ways to prevent this:
1. add `-Dapple.awt.UIElement=true` to your jvm options
2. Use the following snippet before calling `keyed-treemap`
```clojure
(let [ui-element (System/getProperty "apple.awt.UIElement")]
(when (nil? ui-element)
(System/setProperty "apple.awt.UIElement" "true")))
```## Further Reading
[Visualizing business information using generalized treemaps](https://pure.tue.nl/ws/files/47041749/631721-1.pdf)
[Visualizing Business Data with Generalized Treemaps](https://ieeexplore.ieee.org/document/4015431)
[Computing Voronoi Treemaps](https://www.uni-konstanz.de/mmsp/pubsys/publishedFiles/NoBr12a.pdf)
[Fast Dynamic Voronoi Treemaps](https://www.microsoft.com/en-us/research/wp-content/uploads/2016/02/isvd.pdf)
## License
Copyright © 2020 Adrian Smith
This program and the accompanying materials are made available under the
terms of the Eclipse Public License 2.0 which is available at
http://www.eclipse.org/legal/epl-2.0.This Source Code may also be made available under the following Secondary
Licenses when the conditions for such availability set forth in the Eclipse
Public License, v. 2.0 are satisfied: GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or (at your
option) any later version, with the GNU Classpath Exception which is available
at https://www.gnu.org/software/classpath/license.html.