Treemaps Are Awesome!

• PicGrid

  1 0 5.0 Java

  A program to arrange hierarchies of images into a set of static web pages.

I made a tool to display my photo collection as basically a tree map: https://github.com/TOGoS/PicGrid

It's pretty good for idly looking through pictures, or in some cases for finding photos that I know approximately when I took and what they might look like, without needing to use any other metadata.

Not the best example of it in action, but here's my entire collection of saved screenshots: http://picture-files.nuke24.net/uri-res/raw/urn:bitprint:LZR...

• codebase-visualizer-action

  11 61 0.0

  Visualize your codebase during CI.

  

Nice post - treemaps are great!

My friend and I made a codebase visualisation tool (https://www.codeatlas.dev/gallery) that's based on Voronoi treemaps, maybe of interest as an illustration of the aesthetics with a non-rectangular layout!

We've opted for zooming through double-clicks as the main method of navigating the map, because in deep codebases, the individual cells quickly get too small to accurately target with the cursor as shown in the key-path label approach!

If anyone's interested, this is also available as a Github Action to generate the treemap during CI: https://github.com/codeatlasHQ/codebase-visualizer-action

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• Git-Heat-Map

  10 975 7.3 JavaScript

  Visualise a git repository by diff activity

I was confused as my project [0] I called it a git heat map, not realising that a similar term was used for other completely different visualisations

[0] https://github.com/jmforsythe/Git-Heat-Map

• treemap-squared

  1 123 10.0 JavaScript

  Treemap Squared

I built my own a few years back for similar reasons:

https://github.com/imranghory/treemap-squared

The code is pretty straight-forward if you want to customize

Suggest a related project