œ_#ÁÕ§TE NAŒ“KeÉ:”(åŽÖJÞùY’‚ñùž7; «]Û ý`8g“¯B© jdÖÖ¸ðzœ¸¦4Ç3Kó^(ÍÖ¼ Õ€pvìwšõB4df$Èü^0˜…åÌC$#2FŽÑ§±¦ÛZ/÷š&m£ñzÒÖ ’.Î]!Î;ƒ(Õ–¢d/—#Kª+tZyuÏB>NÛÖ†(¸ŒSà'³„Y˜´-_•¦¼´˜OlNK§¶ÒàŠˆTHµƒeTPå·fïM’…þuÏÍüp6دªE£åü‡ZØ'CKF#â«;‹eyO Qp„†l"ö1èíÙP ÏŒúl! BÝ2ñª•_VÁÉ÷3eu`–F¸ìI--ö<¿žë¯4õ캿¢)34Å{wMÉ2ÆÖFŸ¥`e9Ú¶¸P‡.”FÔï rY ‚²ÈTB,{ÛœéJ}«àQ4¹0Rû4D‚B§S‘ dO•v¾„™Sן¯3FeŸ™«+ÓâwH dÕÛÌì·P4ë&¥#rÜÉ Ù¦ê†ý·xòqk¯2,¹§™E\ék‚×Sá”ÚºÙ⺷ö£6…à ʾ qSá³Å|;àû}4Ÿ($â¹VY~óÍ!èÜÒŒËX½Ù1j‚VíÍŸš³+œ]«½g{_{/vµ½\¢¶vÉWKÿ:ñám½ ¥ S²x‘t ŽšÝÙÿÀÇ^ný PK IW™k‚½÷ á _rels/.relsUT dìd dìd dìd’ÏNÃ0‡ï{ŠÈ÷ÕÝ@¡¥» ¤Ý*`%îÑ&QâÁöö‚J£ì°cœŸ¿|¶²ÙÆA½rL½wVE Šñ¶w†çúay * 9Kƒw¬áÈ ¶ÕbóÄIîI]’Ê—4t"á1™ŽGJ…ìòMããH’±Å@æ…ZÆuYÞ`üÍ€jÂT;«!îì T}|Û7MoøÞ›ýÈNN<|v–í2ÄÜ¥ÏèšbË¢Ázó˜Ë )„"£OÏ7ú{ZYÈ’yÞç#1'tuÉM?6o>Z´_å9›ëKÚ˜}?þ³žÏÌ·N>fµx PK IWª½e ¢ U € word/document.xmlUT dìdPK IWþË3” z €J¢ word/settings.xmlUT dìdPK IWC‡{š' ƒ €¤ docProps/custom.xmlUT dìdPK IW츱=Œ €‡¥ [Content_Types].xmlUT dìdPK IWV%ë±" €U§ docProps/app.xmlUT dìdPK IW€RŒ 3 €¶¨ docProps/core.xmlUT dìdPK IWkòDn ô €ª word/_rels/document.xml.relsUT dìdPK IW;$î €Î« word/fontTable.xmlUT dìdPK IW+åäz] ÷. €ý¬ word/numbering.xmlUT dìdPK IW¤2×r- ¿ €›° word/styles.xmlUT dìdPK IWMFÒ ø €´ word/header1.xmlUT dìdPK IWF— T e €· word/media/image1.jpegUT dìdPK IW!Yéáå €°Ë word/media/image2.pngUT dìdPK IW°Àºë ú €ÙÌ word/media/image3.pngUT dìdPK IW$“†ª L €Î word/footer1.xmlUT dìdPK IWzaGôM €ñÑ word/footer2.xmlUT dìdPK IW–µâº P €}Õ word/theme/theme1.xmlUT dìdPK IW™k‚½÷ á €{Û _rels/.relsUT PK ! bîh^ [Content_Types].xml ¢( ¬”ËNÃ0E÷HüCä-Jܲ@5í‚Ç*Q>Àēƪc[žiiÿž‰ûB¡j7±ÏÜ{2ñÍh²nm¶‚ˆÆ»R‹ÈÀU^7/ÅÇì%¿’rZYï @1__f› ˜q·ÃR4DáAJ¬h>€ãÚÇV߯¹ªZ¨9ÈÛÁàNVÞ8Ê©ÓãÑÔji){^óã-I‹"{Üv^¥P!XS)bR¹rú—K¾s(¸3Õ`cÞ0†½ÝÎß»¾7M4²©ŠôªZÆk+¿|\|z¿(Ž‹ôPúº6h_-[ž@!‚ÒØ Pk‹´2nÏ}Ä?£LËð Ýû%áÄßdºždN"m,à¥ÇžDO97*‚~§Èɸ8ÀOíc|n¦Ñ äEøÿöéºóÀBÉÀ!$}‡íàÈé;{ìÐå[ƒîñ–é2þ ÿÿ PK ! µU0#ô L _rels/.rels ¢( ¬’MOÃ0†ïHü‡È÷ÕÝBKwAH»!T~€Iܵ£$Ý¿'TƒG½~üÊÛÝ<êÈ!öâ4¬‹;#¶w†—úqu *&r–Fq¬áÄvÕõÕö™GJy(v½*«¸¨¡KÉß#FÓñD±Ï.W ¥†=™ZÆMYÞbø®ÕBS톰·7 ê“Ï›×–¦é ?ˆ9LìÒ™ÈsbgÙ®|Èl!õùUSh9i°bžr:"y_dlÀóD›¿ý|-NœÈR"4ø2ÏGÇ% õZ´4ñËyÄ7 ëÈðÉ‚‹¨Þ ÿÿ PK ! Q48wÛ — xl/workbook.xml¤UÙnâ0}iþ!cñ‡ *–¢AšVU×$dC¬&vÆv UÕŸë@XÊK§/¹p|Žï¹N÷b“¥Ö •Š ÞC¸î"‹òHÄŒ¯zèá~b·‘¥4á1I§=ôJºèÿüÑ] ù¼âÙ ®z(Ñ:GE ͈ª‹œrˆ,…̈†©\9*—”Ä*¡Tg©ã¹nàd„q´Eåg0ÄrÉ":Q‘Q®· ’¦D}•°\UhYô¸ŒÈç"·#‘å ±`)Ó¯%(²²(œ®¸d‘‚ì nZ w v¡ñª• t¶TÆ")”Xê:@;[Ògú±ë`|²›ó=ø’ïHúÂL÷¬dðEVÁ+8€a÷Ûh¬Uz%„Íû"ZsÏÍCýî’¥ôqk]‹äù5ÉL¦Rd¥Dé˘i÷P ¦bM/|dÉ",…¨çãFNoçiûéë>aêiçsó#ðÄ ÕTr¢éHp ÜIú®ÝJìQ"ÀÜÖ-ý[0I¡¦ÀZ Z…d¡nˆN¬B¦=4 g %PDF-1.4 %âãÏÓ 3 0 obj << /Linearized 1 /L 422775 ÿØÿà JFIF ÿÛ C ÿÛ C ÿÀ X" ÿÄ ÿÄ H !1A"Qaq2‘¡#±ÁBRÑ3Cbrá$S‚¢²ð4ñ%6DTc’ÂsÿÄ ÿÄ = !1AQ"aq‘Á2R¡±BÑð#3br’²4á$‚¢ÂñÿÚ ? áHBßÝ`„! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! ! stream
/**
* Theme: Larkon - Responsive Bootstrap 5 Admin Dashboard
* Author: Techzaa
* Module/App: Apex Treemap Charts
*/
// BASIC TREEMAP
var colors = ["#1c84ee"];
var options = {
series: [
{
data: [
{
x: "New Delhi",
y: 218,
},
{
x: "Kolkata",
y: 149,
},
{
x: "Mumbai",
y: 184,
},
{
x: "Ahmedabad",
y: 55,
},
{
x: "Bangaluru",
y: 84,
},
{
x: "Pune",
y: 31,
},
{
x: "Chennai",
y: 70,
},
{
x: "Jaipur",
y: 30,
},
{
x: "Surat",
y: 44,
},
{
x: "Hyderabad",
y: 68,
},
{
x: "Lucknow",
y: 28,
},
{
x: "Indore",
y: 19,
},
{
x: "Kanpur",
y: 29,
},
],
},
],
colors: colors,
legend: {
show: false,
},
chart: {
toolbar: {
show: false,
},
height: 350,
type: "treemap",
},
title: {
text: "Basic Treemap",
align: "center",
},
};
var chart = new ApexCharts(document.querySelector("#basic-treemap"), options);
chart.render();
// TREEMAP MULTIPLE SERIES
var colors = ["#f9b931", "#22c55e"];
var options = {
series: [
{
name: "Desktops",
data: [
{
x: "ABC",
y: 10,
},
{
x: "DEF",
y: 60,
},
{
x: "XYZ",
y: 41,
},
],
},
{
name: "Mobile",
data: [
{
x: "ABCD",
y: 10,
},
{
x: "DEFG",
y: 20,
},
{
x: "WXYZ",
y: 51,
},
{
x: "PQR",
y: 30,
},
{
x: "MNO",
y: 20,
},
{
x: "CDE",
y: 30,
},
],
},
],
legend: {
show: false,
},
chart: {
toolbar: {
show: false,
},
height: 350,
type: "treemap",
},
colors: colors,
title: {
text: "Multi-dimensional Treemap",
align: "center",
},
};
var chart = new ApexCharts(
document.querySelector("#multiple-treemap"),
options
);
chart.render();
// DISTRIBUTED TREEMAP
var colors = ["#1c84ee", "#ff6c2f", "#f9b931"];
var options = {
series: [
{
data: [
{
x: "New Delhi",
y: 218,
},
{
x: "Kolkata",
y: 149,
},
{
x: "Mumbai",
y: 184,
},
{
x: "Ahmedabad",
y: 55,
},
{
x: "Bangaluru",
y: 84,
},
{
x: "Pune",
y: 31,
},
{
x: "Chennai",
y: 70,
},
{
x: "Jaipur",
y: 30,
},
{
x: "Surat",
y: 44,
},
{
x: "Hyderabad",
y: 68,
},
{
x: "Lucknow",
y: 28,
},
{
x: "Indore",
y: 19,
},
{
x: "Kanpur",
y: 29,
},
],
},
],
legend: {
show: false,
},
chart: {
toolbar: {
show: false,
},
height: 350,
type: "treemap",
},
title: {
text: "Distibuted Treemap (different color for each cell)",
align: "center",
},
colors: colors,
plotOptions: {
treemap: {
distributed: true,
enableShades: false,
},
},
};
var chart = new ApexCharts(
document.querySelector("#distributed-treemap"),
options
);
chart.render();
// COLOR RANGE TREEMAP
var colors = ["#1c84ee", "#4ecac2"];
var options = {
series: [
{
data: [
{
x: "INTC",
y: 1.2,
},
{
x: "GS",
y: 0.4,
},
{
x: "CVX",
y: -1.4,
},
{
x: "GE",
y: 2.7,
},
{
x: "CAT",
y: -0.3,
},
{
x: "RTX",
y: 5.1,
},
{
x: "CSCO",
y: -2.3,
},
{
x: "JNJ",
y: 2.1,
},
{
x: "PG",
y: 0.3,
},
{
x: "TRV",
y: 0.12,
},
{
x: "MMM",
y: -2.31,
},
{
x: "NKE",
y: 3.98,
},
{
x: "IYT",
y: 1.67,
},
],
},
],
legend: {
show: false,
},
chart: {
toolbar: {
show: false,
},
height: 350,
type: "treemap",
},
title: {
text: "Treemap with Color scale",
align: "center",
},
dataLabels: {
enabled: true,
style: {
fontSize: "12px",
},
formatter: function (text, op) {
return [text, op.value];
},
offsetY: -4,
},
plotOptions: {
treemap: {
enableShades: true,
shadeIntensity: 0.5,
reverseNegativeShade: true,
colorScale: {
ranges: [
{
from: -6,
to: 0,
color: colors[0],
},
{
from: 0.001,
to: 6,
color: colors[1],
},
],
},
},
},
};
var chart = new ApexCharts(
document.querySelector("#color-range-treemap"),
options
);
chart.render();