{"repo":"vasturiano/icicle-chart","free":true,"listed":false,"github":"https://github.com/vasturiano/icicle-chart","clone":"git clone https://github.com/vasturiano/icicle-chart.git","description":"A partition / icicle interactive chart web component for visualizing hierarchical data","language":"JavaScript","stars":53,"topics":["icicle","partition","chart","data-visualization","d3js","hierarchical-data"],"license":"MIT","category":"analytics","readme_excerpt":"icicle-chart ============ [![NPM package][npm-img]][npm-url] [![Build Size][build-size-img]][build-size-url] [![NPM Downloads][npm-downloads-img]][npm-downloads-url] Also called a partition chart or a flame chart, an icicle chart visualizes a hierarchical data structure where nodes of a tree are represented by adjacent rectangles layed out progressively according to their depth. Four orientation modes are supported for the axial direction of the nodes level: top-down, bottom-up, left-to-right and right-to-left. Zooming interaction is available in the nodes cross-axis direction via mouse-wheel events or by clicking on a node, enabling a gradual exploration of the data. Clicking on a node zooms the view so that the node occupies the full width available. Clicking in the chart's background resets the zoom to its initial position. The chart also responds to data changes by animating the dimensions of each of the nodes into their new positions. For improved performance, nodes with width smaller than a given threshold ( minSegmentWidth ) are excluded from the DOM, allowing for representation of large data sets while maintaining a smooth interaction. See here for an example of a randomly generated large data structure. See also the Sunburst, Circle Pack and Treemap charts. Quick start or using a script tag then API reference Method Description Default --- --- :--: orientation ([ string ]) Getter/setter for the orientation of the chart. Choice between td (top-down), bu (bottom-up), l","default_branch":null,"files":null,"tree":[],"storefront":"/r/vasturiano","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/vasturiano/icicle-chart/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}