html, body, #container { width: 1300px; height: 1300px;  margin: 0; padding: -100px;}

radial      #DAA520   #00FFFF   #FFAEB9  #90EE90   #FFFF00        [⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀]

Добавлены ветви братьев Кинйа: Кутлумбет, Тупей и Кутуй- они тоже Буляковы.

anychart.onDocumentReady(function () {

​

    // create data

    var data = [

 {name: "М А Ж И Т\nНИЯЗГУЛ\nШАМИГУЛ 846\nМУХАМАТВАЛИ 821 \nМУХАМАТАМИН 797\nК И Н Й А 758 \nюртовый старшина,\nАМАНГИЛЬДЫ≈700\n▲\n Б У Л Я К  ≈660",  normal:{fill: "#DAA520"},  children:  

  [ {name:"Жауат",children:

              [{name:"Марат",children:

              [{name:"Марат",value: 30}]},

              {name:"Гузяль",children:

              [{name:"Аида",children:

              [{name:"Ильназ",value: 30}]}]},

              {name:"Гульнур",children:

              [{name:"Радмир",value: 30},

             {name:"Эльза",value: 30},

              {name:"Юнир",value: 30},

              {name:"Руслан",value: 30}]},    

             {name:"Гульниса",children:

              [{name:"Алия",children:

              [{name:"Руслан",value: 30}]},

               {name:"Лия",children:

              [{name:"Александр",value: 30} ]}]}, ]},    

                   {name:"Альмира ",children:

              [{name:"Вадим" ,value: 30}, 

                   {name:"Нажмутдин ",children:

              [{name:"Лариса",children:

              [{name:"Алина",value: 30}, 

              {name:"Марат",value: 30},]}, 

              {name:"Михаил",children:

              [{name:"Эмиль",value: 30} ]} ]},  

     {name:"Жамиль",children:

              [{name:"КОМСОМОЛ(2)",value: 30},

               {name:"КОМСОМОЛ(2)",value: 30}, ]}, 

             {name:"Альфия",children:

              [{name:"Алексей",children:

                [{name:"Игорь",value: 30}]}, 

              {name:"Светлана",children:

                [{name:"Вячеслав",value: 30},

              {name:"Александра⠀⠀⠀",value: 30} ]} ]},               

            {name:"Галима ",children:

              [{name:"Сергей",children:

              [{name:"Кристина⠀",value: 30} ]},

              {name:"Галина",children:

              [{name:"Диана",value: 30} ]}]},                 

              {name:"Маулия" ,children:

              [{name:"Елена",children:

              [{name:"Саша",value: 30}, 

               {name:"Вадим",value: 30}, 

               {name:"Артур",value: 30},

               {name:"Альберт",value: 30},  ]},                

               {name:"Мируэта",children:

              [{name:"Влад",value: 30},               

               {name:"Иван",value: 30},  ]}, 

               {name:"Асия",value: 30}, ]},               

              {name:"Гали",children:

               [{name:"Руслан",value: 30}, 

               {name:"Людмила",children:

               [{name:"Аделина",value: 30}, 

               {name:"Азалия",value: 30}, ]},                 

               {name:"Юлия",children:

               [{name:"Карина",value: 30} ]} ]},                

            {name:"Рашит ",children:

              [{name:"Марат",value: 30},

               {name:"Венера",children:

              [{name:"Рената",value: 30}, 

              {name:"Римма",value: 30}]}]} ]},  

 ]} ];

// create a chart and set the data

var chart = anychart.sunburst(data, "as-tree");

chart.labels().adjustFontSize(false);

chart.level().labels().fontSize(11);

//chart.labels().wordWrap("break-word");  

​

    // set the start angle

    chart.startAngle(13);

  // hide the first level

chart.level(9).enabled("false");  

chart.radius("100%");

chart.level(0).thickness("14%");

  // set the thickness of leaves 

  chart.level(1).thickness("10%");

  chart.level(2).thickness("14%");

  chart.level(3).thickness("17%");

  chart.level(4).thickness("13%");

  chart.level(5).thickness("11%");

  chart.level(6).thickness("8%");

  chart.level(7).thickness("8%");

  chart.level(8).thickness("8%");

//chart.leaves().thickness("10%"); 

 // set the position of labels после дате

   chart.level().labels().position("radial");    

  //  chart.level(1).labels().position("circular");

  //  chart.level(2).labels().position("circular");

 //   chart.level(6).labels().position("circular");

//chart.leaves().format("<span style='align:center'>{%name}</span>");

  //chart.leaves().level().Align("center");

  // set chart labels settings

chart.labels().hAlign('center');

chart.labels().vAlign('middle');

// chart.labels().textAlign="center"; 

  // configure the visual settings of the chart

chart.fill(function () {  return this.parent ?

anychart.color.lighten(this.parentColor, 0.2) :

this.mainColor;  });

chart.normal().stroke("#000000", 0.3);

​

// chart.labels().width("100%");

// chart.labels().height("500%");

chart.labels().padding("-68 " ) ;

// chart.labels().margin("-50") ;

chart.labels().fontColor("#000000");

chart.labels().fontWeight("1000");

  chart.title("              ");    

  // Set line height.

 //chart.level(3).labels().lineHeight(0.75);

 //chart.level(4).labels().lineHeight(0.75);

 //chart.level(5).labels().lineHeight(0.75);

//chart.level(6).labels().lineHeight(0.75);

// set the calculation mode

chart.calculationMode("parent-independent");

   // format chart labels

  chart.labels().format('{%Name}');

 //ordinal-from-leaves    parent-independent    word-spacing: 15px ;

 //chart.leaves().format("<span style='align:center'>{%name}</span>");   

 //.label{text-align: center; }           align right  left      hspace="75"  textAlign="center";

  // set the container id 

 //  chart.container("container");

//  ◄▼►▲ ≈ \n

//var stage = acgraph.create('container');

//stage.rect(30, 30, 60, 50);

​

//var simpleText = stage.text(40, 30, 'Top text');

//simpleText.height(50);

//simpleText.width(60);

​

// Sets vertical align.

//simpleText.vAlign('middle');

​

//var stage = acgraph.create('контейнер');

//стадия.прямая кишка(30, 30, 60, 50);

​

//var simpleText = stage.text(40, 30, 'верхний текст');

//простой текст.высота(50);

//простой текст.ширина(60);

​

// Устанавливает вертикальное выравнивание.

//простой текст.vAlign('средний');

​

// <div overflow: visible; width: 50%;  ></div> 

​

// text {font-family: Arial, sans-serif;

 //    font-size: 12px;     width:150px;

  //   overflow:visible;     white-space:nowrap;

  //  overflow:visible;}

​

// html, body { overflow: auto !important; }

​

// chart.level().labels().overflow("visible");

// hart.labels().overflow(visable);

// chart.level().overflow (false); 

  chart.container("container").draw();  });