@carbon/charts 0.41.62 → 0.41.66

package/demo/data/circle-pack.d.ts

@@ -0,0 +1,82 @@
+export declare const circlePackTwoLevelData: {
+    name: string;
+    children: {
+        name: string;
+        value: number;
+    }[];
+}[];
+export declare const circlePackTwoLevelOptions: {
+    experimental: string;
+    title: string;
+    canvasZoom: {
+        enabled: boolean;
+    };
+};
+export declare const circlePackSingleOptions: {
+    experimental: string;
+    title: string;
+    canvasZoom: {
+        enabled: boolean;
+    };
+};
+export declare const circlePackSingleLevelData: {
+    name: string;
+    value: number;
+}[];
+export declare const circlePackThreeLevelOptions: {
+    experimental: string;
+    title: string;
+    canvasZoom: {
+        enabled: boolean;
+    };
+};
+export declare const circlePackThreeLevelData: {
+    name: string;
+    children: ({
+        name: string;
+        children: {
+            name: string;
+            value: number;
+        }[];
+        value?: undefined;
+    } | {
+        name: string;
+        value: number;
+        children?: undefined;
+    })[];
+}[];
+export declare const circlePackThreeLevelsMonochromeOptions: {
+    experimental: string;
+    title: string;
+    canvasZoom: {
+        enabled: boolean;
+    };
+};
+export declare const circlePackThreeLevelsMonochromeData: {
+    name: string;
+    children: {
+        name: string;
+        children: ({
+            name: string;
+            children: {
+                name: string;
+                value: number;
+            }[];
+            value?: undefined;
+        } | {
+            name: string;
+            value: number;
+            children?: undefined;
+        })[];
+    }[];
+}[];
+export declare const circlePackThreeLevelNoZoomOptions: {
+    experimental: string;
+    title: string;
+    circlePack: {
+        hierarchyLevel: number;
+    };
+    canvasZoom: {
+        enabled: boolean;
+    };
+};

package/demo/data/circle-pack.js

@@ -0,0 +1,215 @@
+export var circlePackTwoLevelData = [
+    {
+        name: 'North America',
+        children: [
+            { name: 'Canada', value: 800 },
+            { name: 'United States', value: 200 },
+            { name: 'Mexico', value: 100 },
+        ],
+    },
+    {
+        name: 'South America',
+        children: [
+            { name: 'Brazil', value: 2800 },
+            { name: 'Argentina', value: 10000 },
+            { name: 'G', value: 500 },
+            { name: 'DE', value: 500 },
+            { name: 'EF', value: 200 },
+        ],
+    },
+    {
+        name: 'Asia',
+        children: [
+            { name: 'China', value: 500 },
+            { name: 'Thailand', value: 100 },
+            { name: 'Cambodia', value: 500 },
+            { name: 'India', value: 500 },
+            { name: 'Vietnam', value: 400 },
+            { name: 'North Korea', value: 600 },
+            { name: 'Japan', value: 200 },
+            { name: 'Indonesia', value: 800 },
+        ],
+    },
+    {
+        name: 'Europe',
+        children: [
+            { name: 'France', value: 2000 },
+            { name: 'Italy', value: 400 },
+            { name: 'Greece', value: 500 },
+            { name: 'Portugal', value: 100 },
+            { name: 'Austria', value: 1000 },
+            { name: 'Ireland', value: 800 },
+            { name: 'Germany', value: 700 },
+            { name: 'Poland', value: 200 },
+            { name: 'Ukraine', value: 300 },
+        ],
+    },
+];
+export var circlePackTwoLevelOptions = {
+    experimental: 'true',
+    title: 'Two Levels Hierarchy',
+    canvasZoom: {
+        enabled: true,
+    },
+};
+export var circlePackSingleOptions = {
+    experimental: 'true',
+    title: 'One Level Hierachy',
+    canvasZoom: {
+        enabled: true,
+    },
+};
+export var circlePackSingleLevelData = [
+    {
+        name: 'Transportation',
+        value: 300,
+    },
+    {
+        name: 'Healthcare',
+        value: 600,
+    },
+    {
+        name: 'Hospitality',
+        value: 50,
+    },
+    {
+        name: 'Tourism',
+        value: 90,
+    },
+    {
+        name: 'Food',
+        value: 280,
+    },
+];
+export var circlePackThreeLevelOptions = {
+    experimental: 'true',
+    title: 'Three Levels Hierarchy',
+    canvasZoom: {
+        enabled: true,
+    },
+};
+export var circlePackThreeLevelData = [
+    {
+        name: 'North America',
+        children: [
+            {
+                name: 'Canada',
+                children: [
+                    { name: 'Toronto', value: 50 },
+                    { name: 'Montreal', value: 100 },
+                ],
+            },
+            {
+                name: 'United States',
+                children: [
+                    { name: 'Texas', value: 50 },
+                    { name: 'New York', value: 40 },
+                ],
+            },
+            { name: 'Mexico', value: 100 },
+        ],
+    },
+    {
+        name: 'South America',
+        children: [
+            { name: 'Brazil', value: 2800 },
+            { name: 'Argentina', value: 10000 },
+            { name: 'Peru', value: 500 },
+        ],
+    },
+    {
+        name: 'Africa',
+        children: [
+            { name: 'Egypt', value: 50 },
+            { name: 'Morocco', value: 10 },
+            { name: 'Chad', value: 200 },
+            { name: 'Nigeria', value: 80 },
+            { name: 'Libya', value: 90 },
+        ],
+    },
+    {
+        name: 'Europe',
+        children: [
+            { name: 'Portugal', value: 2000 },
+            { name: 'Spain', value: 400 },
+            { name: 'France', value: 500 },
+            { name: 'Italy', value: 300 },
+            { name: 'Poland', value: 100 },
+            { name: 'Ukraine', value: 900 },
+        ],
+    },
+];
+export var circlePackThreeLevelsMonochromeOptions = {
+    experimental: 'true',
+    title: 'Three Levels Hierarchy (monchromatic)',
+    canvasZoom: {
+        enabled: true,
+    },
+};
+export var circlePackThreeLevelsMonochromeData = [
+    {
+        name: 'Revenue',
+        children: [
+            {
+                name: 'North America',
+                children: [
+                    {
+                        name: 'Canada',
+                        children: [
+                            { name: 'Toronto', value: 5000 },
+                            { name: 'Montreal', value: 1000 },
+                        ],
+                    },
+                    {
+                        name: 'United States',
+                        children: [
+                            { name: 'Texas', value: 500 },
+                            { name: 'New York', value: 400 },
+                        ],
+                    },
+                    { name: 'Mexico', value: 100 },
+                ],
+            },
+            {
+                name: 'South America',
+                children: [
+                    { name: 'Brazil', value: 280 },
+                    { name: 'Argentina', value: 700 },
+                    { name: 'Peru', value: 500 },
+                ],
+            },
+            {
+                name: 'Africa',
+                children: [
+                    { name: 'Egypt', value: 50 },
+                    { name: 'Morocco', value: 10 },
+                    { name: 'Chad', value: 200 },
+                    { name: 'Nigeria', value: 80 },
+                    { name: 'Libya', value: 90 },
+                ],
+            },
+            {
+                name: 'Europe',
+                children: [
+                    { name: 'Portugal', value: 2000 },
+                    { name: 'Spain', value: 400 },
+                    { name: 'France', value: 500 },
+                    { name: 'Italy', value: 300 },
+                    { name: 'Poland', value: 100 },
+                    { name: 'Ukraine', value: 900 },
+                ],
+            },
+        ],
+    },
+];
+export var circlePackThreeLevelNoZoomOptions = {
+    experimental: 'true',
+    title: 'Three Levels Hierarchy (No Zoom)',
+    circlePack: {
+        hierarchyLevel: 3,
+    },
+    canvasZoom: {
+        enabled: false,
+    },
+};
+//# sourceMappingURL=../../../demo/data/circle-pack.js.map

package/demo/data/circle-pack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circle-pack.js","sourceRoot":"","sources":["circle-pack.ts"],"names":[],"mappings":"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","sourcesContent":["export const circlePackTwoLevelData = [\n\t{\n\t\tname: 'North America',\n\t\tchildren: [\n\t\t\t{ name: 'Canada', value: 800 },\n\t\t\t{ name: 'United States', value: 200 },\n\t\t\t{ name: 'Mexico', value: 100 },\n\t\t],\n\t},\n\t{\n\t\tname: 'South America',\n\t\tchildren: [\n\t\t\t{ name: 'Brazil', value: 2800 },\n\t\t\t{ name: 'Argentina', value: 10000 },\n\t\t\t{ name: 'G', value: 500 },\n\t\t\t{ name: 'DE', value: 500 },\n\t\t\t{ name: 'EF', value: 200 },\n\t\t],\n\t},\n\t{\n\t\tname: 'Asia',\n\t\tchildren: [\n\t\t\t{ name: 'China', value: 500 },\n\t\t\t{ name: 'Thailand', value: 100 },\n\t\t\t{ name: 'Cambodia', value: 500 },\n\t\t\t{ name: 'India', value: 500 },\n\t\t\t{ name: 'Vietnam', value: 400 },\n\t\t\t{ name: 'North Korea', value: 600 },\n\t\t\t{ name: 'Japan', value: 200 },\n\t\t\t{ name: 'Indonesia', value: 800 },\n\t\t],\n\t},\n\t{\n\t\tname: 'Europe',\n\t\tchildren: [\n\t\t\t{ name: 'France', value: 2000 },\n\t\t\t{ name: 'Italy', value: 400 },\n\t\t\t{ name: 'Greece', value: 500 },\n\t\t\t{ name: 'Portugal', value: 100 },\n\t\t\t{ name: 'Austria', value: 1000 },\n\t\t\t{ name: 'Ireland', value: 800 },\n\t\t\t{ name: 'Germany', value: 700 },\n\t\t\t{ name: 'Poland', value: 200 },\n\t\t\t{ name: 'Ukraine', value: 300 },\n\t\t],\n\t},\n];\n\nexport const circlePackTwoLevelOptions = {\n\texperimental: 'true',\n\ttitle: 'Two Levels Hierarchy',\n\tcanvasZoom: {\n\t\tenabled: true,\n\t},\n};\n\nexport const circlePackSingleOptions = {\n\texperimental: 'true',\n\ttitle: 'One Level Hierachy',\n\tcanvasZoom: {\n\t\tenabled: true,\n\t},\n};\n\nexport const circlePackSingleLevelData = [\n\t{\n\t\tname: 'Transportation',\n\t\tvalue: 300,\n\t},\n\t{\n\t\tname: 'Healthcare',\n\t\tvalue: 600,\n\t},\n\t{\n\t\tname: 'Hospitality',\n\t\tvalue: 50,\n\t},\n\t{\n\t\tname: 'Tourism',\n\t\tvalue: 90,\n\t},\n\t{\n\t\tname: 'Food',\n\t\tvalue: 280,\n\t},\n];\n\nexport const circlePackThreeLevelOptions = {\n\texperimental: 'true',\n\ttitle: 'Three Levels Hierarchy',\n\tcanvasZoom: {\n\t\tenabled: true,\n\t},\n};\n\nexport const circlePackThreeLevelData = [\n\t{\n\t\tname: 'North America',\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tname: 'Canada',\n\t\t\t\tchildren: [\n\t\t\t\t\t{ name: 'Toronto', value: 50 },\n\t\t\t\t\t{ name: 'Montreal', value: 100 },\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'United States',\n\t\t\t\tchildren: [\n\t\t\t\t\t{ name: 'Texas', value: 50 },\n\t\t\t\t\t{ name: 'New York', value: 40 },\n\t\t\t\t],\n\t\t\t},\n\t\t\t{ name: 'Mexico', value: 100 },\n\t\t],\n\t},\n\t{\n\t\tname: 'South America',\n\t\tchildren: [\n\t\t\t{ name: 'Brazil', value: 2800 },\n\t\t\t{ name: 'Argentina', value: 10000 },\n\t\t\t{ name: 'Peru', value: 500 },\n\t\t],\n\t},\n\t{\n\t\tname: 'Africa',\n\t\tchildren: [\n\t\t\t{ name: 'Egypt', value: 50 },\n\t\t\t{ name: 'Morocco', value: 10 },\n\t\t\t{ name: 'Chad', value: 200 },\n\t\t\t{ name: 'Nigeria', value: 80 },\n\t\t\t{ name: 'Libya', value: 90 },\n\t\t],\n\t},\n\t{\n\t\tname: 'Europe',\n\t\tchildren: [\n\t\t\t{ name: 'Portugal', value: 2000 },\n\t\t\t{ name: 'Spain', value: 400 },\n\t\t\t{ name: 'France', value: 500 },\n\t\t\t{ name: 'Italy', value: 300 },\n\t\t\t{ name: 'Poland', value: 100 },\n\t\t\t{ name: 'Ukraine', value: 900 },\n\t\t],\n\t},\n];\n\nexport const circlePackThreeLevelsMonochromeOptions = {\n\texperimental: 'true',\n\ttitle: 'Three Levels Hierarchy (monchromatic)',\n\tcanvasZoom: {\n\t\tenabled: true,\n\t},\n};\n\nexport const circlePackThreeLevelsMonochromeData = [\n\t{\n\t\tname: 'Revenue',\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tname: 'North America',\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'Canada',\n\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t{ name: 'Toronto', value: 5000 },\n\t\t\t\t\t\t\t{ name: 'Montreal', value: 1000 },\n\t\t\t\t\t\t],\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'United States',\n\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t{ name: 'Texas', value: 500 },\n\t\t\t\t\t\t\t{ name: 'New York', value: 400 },\n\t\t\t\t\t\t],\n\t\t\t\t\t},\n\t\t\t\t\t{ name: 'Mexico', value: 100 },\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'South America',\n\t\t\t\tchildren: [\n\t\t\t\t\t{ name: 'Brazil', value: 280 },\n\t\t\t\t\t{ name: 'Argentina', value: 700 },\n\t\t\t\t\t{ name: 'Peru', value: 500 },\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'Africa',\n\t\t\t\tchildren: [\n\t\t\t\t\t{ name: 'Egypt', value: 50 },\n\t\t\t\t\t{ name: 'Morocco', value: 10 },\n\t\t\t\t\t{ name: 'Chad', value: 200 },\n\t\t\t\t\t{ name: 'Nigeria', value: 80 },\n\t\t\t\t\t{ name: 'Libya', value: 90 },\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'Europe',\n\t\t\t\tchildren: [\n\t\t\t\t\t{ name: 'Portugal', value: 2000 },\n\t\t\t\t\t{ name: 'Spain', value: 400 },\n\t\t\t\t\t{ name: 'France', value: 500 },\n\t\t\t\t\t{ name: 'Italy', value: 300 },\n\t\t\t\t\t{ name: 'Poland', value: 100 },\n\t\t\t\t\t{ name: 'Ukraine', value: 900 },\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t},\n];\n\nexport const circlePackThreeLevelNoZoomOptions = {\n\texperimental: 'true',\n\ttitle: 'Three Levels Hierarchy (No Zoom)',\n\tcirclePack: {\n\t\thierarchyLevel: 3,\n\t},\n\tcanvasZoom: {\n\t\tenabled: false,\n\t},\n};\n"]}

package/demo/data/index.d.ts

@@ -15,6 +15,7 @@ export * from './scatter';
 export * from './step';
 export * from './time-series-axis';
 export * from './treemap';
+export * from './circle-pack';
 export * from './toolbar';
 export * from './wordcloud';
 export * from './zoom-bar';

package/demo/data/index.js

@@ -15,6 +15,7 @@ import * as scatterDemos from './scatter';
 import * as stepDemos from './step';
 import * as timeSeriesAxisDemos from './time-series-axis';
 import * as treemapDemos from './treemap';
+import * as circlePackDemos from './circle-pack';
 import * as toolbarDemos from './toolbar';
 import * as wordCloudDemos from './wordcloud';
 import * as zoomBarDemos from './zoom-bar';
@@ -36,6 +37,7 @@ export * from './scatter';
 export * from './step';
 export * from './time-series-axis';
 export * from './treemap';
+export * from './circle-pack';
 export * from './toolbar';
 export * from './wordcloud';
 export * from './zoom-bar';
@@ -953,6 +955,37 @@ var complexChartDemos = [
             },
         ],
     },
+    {
+        title: 'Circle Pack',
+        demos: [
+            {
+                data: circlePackDemos.circlePackSingleLevelData,
+                options: circlePackDemos.circlePackSingleOptions,
+                chartType: chartTypes.CirclePackChart,
+            },
+            {
+                data: circlePackDemos.circlePackTwoLevelData,
+                options: circlePackDemos.circlePackTwoLevelOptions,
+                chartType: chartTypes.CirclePackChart,
+            },
+            {
+                data: circlePackDemos.circlePackThreeLevelData,
+                options: circlePackDemos.circlePackThreeLevelOptions,
+                chartType: chartTypes.CirclePackChart,
+                mainDemo: true,
+            },
+            {
+                data: circlePackDemos.circlePackThreeLevelsMonochromeData,
+                options: circlePackDemos.circlePackThreeLevelsMonochromeOptions,
+                chartType: chartTypes.CirclePackChart,
+            },
+            {
+                data: circlePackDemos.circlePackThreeLevelData,
+                options: circlePackDemos.circlePackThreeLevelNoZoomOptions,
+                chartType: chartTypes.CirclePackChart,
+            },
+        ],
+    },
 ].map(function (demoGroup) {
     demoGroup.type = DemoGroupTypes.COMPLEX_CHART;
     return demoGroup;