vega-hierarchy

What is vega-hierarchy?

The vega-hierarchy npm package provides utilities for creating and manipulating hierarchical visualizations such as tree diagrams, treemaps, and partition layouts. It is part of the Vega ecosystem, which is a visualization grammar that allows for the creation of a wide range of visualizations.

What are vega-hierarchy's main functionalities?

Tree Layout

This feature allows you to create tree layouts from hierarchical data. The code sample demonstrates how to create a tree layout using the vega-hierarchy package.

const vega = require('vega');
const vegaHierarchy = require('vega-hierarchy');

const data = {
  name: 'root',
  children: [
    { name: 'child1' },
    { name: 'child2', children: [{ name: 'grandchild1' }] }
  ]
};

const treeLayout = vegaHierarchy.tree();
const treeData = treeLayout(data);
console.log(treeData);

Treemap Layout

This feature allows you to create treemap layouts from hierarchical data. The code sample demonstrates how to create a treemap layout using the vega-hierarchy package.

const vega = require('vega');
const vegaHierarchy = require('vega-hierarchy');

const data = {
  name: 'root',
  children: [
    { name: 'child1', value: 100 },
    { name: 'child2', value: 200 }
  ]
};

const treemapLayout = vegaHierarchy.treemap();
const treemapData = treemapLayout(data);
console.log(treemapData);

Partition Layout

This feature allows you to create partition layouts from hierarchical data. The code sample demonstrates how to create a partition layout using the vega-hierarchy package.

const vega = require('vega');
const vegaHierarchy = require('vega-hierarchy');

const data = {
  name: 'root',
  children: [
    { name: 'child1', value: 100 },
    { name: 'child2', value: 200 }
  ]
};

const partitionLayout = vegaHierarchy.partition();
const partitionData = partitionLayout(data);
console.log(partitionData);

Other packages similar to vega-hierarchy

d3-hierarchy

The d3-hierarchy package is part of the D3.js library and provides similar functionalities for creating hierarchical visualizations such as tree diagrams, treemaps, and partition layouts. It is widely used and has a large community, making it a robust alternative to vega-hierarchy.

flare

Flare is a visualization toolkit for ActionScript that provides a wide range of visualizations, including hierarchical layouts. While it is not a JavaScript library, it offers similar functionalities for creating complex hierarchical visualizations.

echarts

ECharts is a powerful, interactive charting and visualization library for browser environments. It supports hierarchical visualizations such as treemaps and sunburst charts, making it a versatile alternative to vega-hierarchy.

README

vega-hierarchy

Hierarchical layout transforms for Vega dataflows.

This pacakge provides the following Vega data transforms:

• Nest <>
• Pack <>
• Partition <>
• Stratify <>
• Tree <>
• Treemap <>
• TreeLinks <>