1. @carrotsearch/foamtree
Voronoi treemap visualization. Innovative layouts, animated interactions, endless customization.
@carrotsearch/foamtree
Package: @carrotsearch/foamtree
Last modified: Fri, 14 Apr 2023 07:59:29 GMT
Version: 3.5.1
License: SEE LICENSE IN LICENSE.txt
Downloads: 2,891

Install

npm install @carrotsearch/foamtree
yarn add @carrotsearch/foamtree

FoamTree

FoamTree is a JavaScript Voronoi treemap visualization for the browser.

  • Non-rectangular layouts: visually pleasing non-rectangular layouts efficiently use the available space.

  • Rectangular treemaps: traditional squarified and ordered rectangular treemaps are also supported.

  • Zooming and exposing: animated zooming and expose interaction for browsing of deeply nested hierarchies.

  • Endless customizations: custom content in each cell, including additional text, shapes or images.

  • Non-rectangular containers: embedding Voronoi treemaps in any convex shape, such as a circle or diamond.

  • Support for very large hierarchies: handling of hierarchies with 100k+ nodes on 100+ levels, such as the tree of life data.

  • Flattened and hierarchical stacking: all levels visible at once or in a top-down progressive disclosure arrangement.

  • Multilingual and emoji-friendly: supports all special characters your browser can display, including emoji.

  • Animated transitions: Multitude of animation parameters can create tens of rollout and pullback effects.

  • Extensive tuning: Settings panel for tuning of visual properties and exporting them to your Java code.

See FoamTree website for more information, code examples and documentation.

This package contains a free-of-charge branded version of FoamTree. For licensing of a branding-free
version, contact Carrot Search.


RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin