@types/d3-hierarchy
Advanced tools
TypeScript definitions for d3-hierarchy
@types/d3-hierarchy provides TypeScript type definitions for the d3-hierarchy module, which is part of the D3.js library. This module is used for creating and manipulating hierarchical data structures such as trees, clusters, partitions, and treemaps.
Tree Layout
The tree layout organizes data into a tree structure. The `d3.hierarchy` function is used to create a root node from the data, and `d3.tree` generates the tree layout.
const root = d3.hierarchy(data);
const treeLayout = d3.tree();
treeLayout(root);Cluster Layout
The cluster layout arranges nodes in a dendrogram. Similar to the tree layout, `d3.hierarchy` creates the root node, and `d3.cluster` generates the cluster layout.
const root = d3.hierarchy(data);
const clusterLayout = d3.cluster();
clusterLayout(root);Treemap Layout
The treemap layout displays hierarchical data as a set of nested rectangles. The `d3.hierarchy` function creates the root node, and `d3.treemap` generates the treemap layout.
const root = d3.hierarchy(data).sum(d => d.value);
const treemapLayout = d3.treemap();
treemapLayout(root);Partition Layout
The partition layout is used to create a space-filling visualization of hierarchical data. The `d3.hierarchy` function creates the root node, and `d3.partition` generates the partition layout.
const root = d3.hierarchy(data).sum(d => d.value);
const partitionLayout = d3.partition();
partitionLayout(root);Pack Layout
The pack layout arranges nodes in a circle-packing layout. The `d3.hierarchy` function creates the root node, and `d3.pack` generates the pack layout.
const root = d3.hierarchy(data).sum(d => d.value);
const packLayout = d3.pack();
packLayout(root);The d3 package is the core library of D3.js, which includes a wide range of data visualization tools. While @types/d3-hierarchy focuses on hierarchical layouts, the d3 package provides a comprehensive set of tools for creating various types of visualizations.
The d3-hierarchy package is the JavaScript implementation of the hierarchical layouts provided by D3.js. It is the core library that @types/d3-hierarchy provides type definitions for, and it includes the actual implementation of the hierarchical data structures and layouts.
The d3-tree package is a specialized library for creating tree visualizations using D3.js. It offers more focused functionality for tree layouts compared to the broader hierarchical layouts provided by @types/d3-hierarchy.
npm install --save @types/d3-hierarchy
This package contains type definitions for d3-hierarchy (https://github.com/d3/d3-hierarchy/).
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/d3-hierarchy.
These definitions were written by Tom Wanzek, Alex Ford, Boris Yankov, denisname, Nathan Bierema, and Fil.
FAQs
TypeScript definitions for d3-hierarchy
The npm package @types/d3-hierarchy receives a total of 769,500 weekly downloads. As such, @types/d3-hierarchy popularity was classified as popular.
We found that @types/d3-hierarchy demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
A malicious npm campaign is targeting Ethereum developers by impersonating Hardhat plugins and the Nomic Foundation, stealing sensitive data like private keys.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.