HTMLcopy
1
<div id="container"></div>
CSScopy
8
1
html,
2
body,
3
#container {
4
width: 100%;
5
height: 100%;
6
margin: 0;
7
padding: 0;
8
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function () {
2
anychart.data.loadJsonFile('https://gist.githubusercontent.com/shacheeswadia/17dc3b3d4ac9b63ac5ac6833944f3a94/raw/07c4bec103d22ec2824453a33d41868fd476db3d/dataPackedCircles.json',
3
function(data) {
4
5
// set data
6
var treeData = anychart.data.tree(data, 'as-table');
7
8
// create a circle packing chart instance
9
var chart = anychart.circlePacking(treeData);
10
11
// add a chart title
12
chart.title("Top 100 Most Streamed Songs On Spotify By Genre")
13
14
chart.container('container');
15
chart.draw();
16
17
}
18
);
19
});