{"repo":"vasturiano/circlepack-chart","free":true,"listed":false,"github":"https://github.com/vasturiano/circlepack-chart","clone":"git clone https://github.com/vasturiano/circlepack-chart.git","description":"A circle packing interactive chart web component for visualizing hierarchical data","language":"JavaScript","stars":78,"topics":["circle-packing","chart","data-visualization","d3js","hierarchical-data"],"license":"MIT","category":"analytics","readme_excerpt":"circlepack-chart ================== [![NPM package][npm-img]][npm-url] [![Build Size][build-size-img]][build-size-url] [![NPM Downloads][npm-downloads-img]][npm-downloads-url] An interactive circle packing chart for visualizing proportions in hierarchical data, where nodes of a tree are represented as nested circles. Supports zooming interactions via mouse-wheel events or by clicking on a node, which focuses the viewport on the associated sub-tree. 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, circles with radius smaller than a given threshold ( minCircleRadius ) 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 Treemap, Icicle and Sunburst charts. Quick start or using a script tag then API reference Method Description Default --- --- :--: data ([ object ]) Getter/setter for chart data (see below for syntax details). width ([ number ]) Getter/setter for the chart width in px. <window width> height ([ number ]) Getter/setter for the chart height in px. <window height> children ([ string or fn ]) Getter/setter for a data node's children accessor, used to establish the hierarchical relationship between nodes. Supports either a string indicating the object","default_branch":null,"files":null,"tree":[],"storefront":"/r/vasturiano","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/vasturiano/circlepack-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."}