space-radar - Disk And Memory Space Visualization App built with Electron & d3.js

•    Javascript

---

SpaceRadar allows interactive visualization of disk space and memory. It currently supports Sunburst, Treemap, and Flamegraph charts. Compressed files can be read directly. To detect them, the file name has to end with .gz.

space memory disk usage visualization sunburst treemap flamecharts d3

source-map-explorer - Analyze and debug space usage through source maps

•    Javascript

---

Analyze and debug JavaScript (or Sass or LESS) code bloat through source maps. The source map explorer determines which file each byte in your minified code came from. It shows you a treemap visualization to help you debug where all the code is coming from. Check out this Chrome Developer video (3:25) for a demo of the tool in action.

source-map treemap minification browser

webpack-bundle-analyzer - Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap

•    Javascript

---

Visualize size of webpack output files with an interactive zoomable treemap. It will create an interactive treemap visualization of the contents of all your bundles.

webpack webpack-bundle-analyzer analyze bundle interactive treemap size chart analyzer modules zoomable zoom

GoJS - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages

•    Javascript

---

GoJS is a JavaScript and TypeScript library for creating and manipulating diagrams, charts, and graphs. GoJS is a flexible library that can be used to create a number of different kinds of interactive diagrams, including data visualizations, drawing tools, and graph editors. There are samples for flowchart, org chart, business process BPMN, swimlanes, timelines, state charts, kanban, network, mindmap, sankey, family trees and genogram charts, fishbone diagrams, floor plans, UML, decision trees, pert charts, Gantt, and hundreds more. GoJS includes a number of built in layouts including tree layout, force directed, radial, and layered digraph layout, and a number of custom layout examples.

html diagram flowchart orgchart layout graph typescript chart tree uml bpmn editor drawing canvas svg hierarchy family-tree decision-tree mindmap treeview genogram ivr-tree parse-tree concept-map visualization entity-relationship er-diagram radial sankey pert gantt timeline swimlane workflow flow process state sequential-function grafcet sequence circuit dataflow data-flow planogram floorplan seating pipes tree-layout force-directed layered hierarchical circular fishbone ishikawa treemap tree-map subgraph network library js html5

ZipSpace

•    Silverlight

---

ZipSpace is a Silverlight 4 application that shows how much space files occupy within any zip archive file.

datagrid silverlight-3 silverlight-4 treemap zip zip-archive

d3-hierarchy - 2D layout algorithms for visualizing hierarchical data.

•    Javascript

---

Layout algorithms for visualizing hierarchical data.

d3 d3-module layout tree treemap hierarchy infovis

treemapify - 🌳 Draw treemaps in ggplot2

•    R

---

‘treemapify’ provides ‘ggplot2’ geoms for drawing treemaps. ‘treemapify’ includes an example dataset containing statistics about the G-20 group of major world economies.

r treemap ggplot2 data-visualisation

android-treemap - Treemap visualizations for Android

•    Java

---

Basic treemap visualization code for Android. Extends U. of Maryland treemap algorithms. Not to be confused with java.util.TreeMap.

treemap android

php-sorted-collections - Sorted Collections for PHP

•    PHP

---

Sorted Collection for PHP. Insertion, search, and removal compute in log(n) time where n is the number of items present in the collection. It uses AVL threaded tree [see @Knuth97, 1:320, Sect. 2.3.1] as internal structure. @Knuth97: Donald E. Knuth, The Art of Computer Programming, Addison-Wesley, volumes 1 and 2, 2nd edition, 1997.

collection set tree map sorted ordered iterator treeset treemap avl

d3-gridding - grids for rapid D3 charts mockups

•    Javascript

---

Create rapid mock-ups for D3 charts, using data-driven grids. Output below and live coding version.

d3 d3js dataviz infovis grid design treemap mock d3-gridding d3-module visualization

webtreemap - web-based treemap

•    TypeScript

---

New 2017-Oct-16: master is now webtreemap v2, a complete rewrite with bug fixes, more features, and a different (simpler) API. If you're looking for the old webtreemap, see the v1 branch. A simple treemap implementation using web technologies (DOM nodes, CSS styling and transitions) rather than a big canvas/svg/plugin. It's usable as a library as part of a larger web app, but it also includes a command-line app that dumps a self-contained HTML file that displays a map.

treemap visualization

pytreemap - 🌲 树图渲染命令行工具

•    Python

---

🌲 树图渲染命令行工具

treemap

d3-voronoi-treemap - D3 plugin which computes a treemap based on a Voronoi tesselation

•    Javascript

---

This D3 plugin produces a Voronoï treemap. Given a convex polygon and nested weighted data, it tesselates/partitions the polygon in several inner cells which represent the hierarchical structure of your data, such that the area of a cell represents the weight of the underlying datum. Available only for d3 v4 and d3 v5.

d3 d3-module voronoi treemap diagram tesselation