@carbon/charts 0.59.0-beta.0 → 1.0.3

package/demo/data/boxplot.ts

@@ -1,49 +0,0 @@
-export const simpleBoxplotData = [
-	{ group: 'Q1', key: 'Monday', value: 65000 },
-	{ group: 'Q1', key: 'Tuesday', value: 29123 },
-	{ group: 'Q1', key: 'Wednesday', value: 35213 },
-	{ group: 'Q1', key: 'Thursday', value: 51213 },
-	{ group: 'Q1', key: 'Friday', value: 16932 },
-	{ group: 'Q2', key: 'Monday', value: 32432 },
-	{ group: 'Q2', key: 'Tuesday', value: 14312 },
-	{ group: 'Q2', key: 'Wednesday', value: 66456 },
-	{ group: 'Q2', key: 'Thursday', value: 21312 },
-	{ group: 'Q2', key: 'Friday', value: 37234 },
-	{ group: 'Q3', key: 'Monday', value: 5312 },
-	{ group: 'Q3', key: 'Tuesday', value: 23232 },
-	{ group: 'Q3', key: 'Wednesday', value: 34232 },
-	{ group: 'Q3', key: 'Thursday', value: 12312 },
-	{ group: 'Q3', key: 'Friday', value: 44234 },
-	{ group: 'Q4', key: 'Monday', value: 32423 },
-	{ group: 'Q4', key: 'Tuesday', value: 21313 },
-	{ group: 'Q4', key: 'Wednesday', value: 64353 },
-	{ group: 'Q4', key: 'Thursday', value: 24134 },
-	{ group: 'Q4', key: 'Friday', value: 45134 },
-];
-
-export const simpleBoxplotOptions = {
-	title: 'Horizontal box plot',
-	axes: {
-		bottom: {
-			mapsTo: 'value',
-		},
-		left: {
-			scaleType: 'labels',
-			mapsTo: 'group',
-		},
-	},
-};
-export const simpleVerticalBoxplotData = simpleBoxplotData;
-
-export const simpleVerticalBoxplotOptions = {
-	title: 'Vertical box plot',
-	axes: {
-		left: {
-			mapsTo: 'value',
-		},
-		bottom: {
-			scaleType: 'labels',
-			mapsTo: 'group',
-		},
-	},
-};

package/demo/data/bubble.ts

@@ -1,191 +0,0 @@
-import { lineTimeSeriesData } from './line';
-
-export const bubbleDoubleLinearData = [
-	{ group: 'Dataset 1', sales: 10000, profit: 32100, surplus: 50000 },
-	{ group: 'Dataset 1', sales: 12000, profit: 23500, surplus: 34000 },
-	{ group: 'Dataset 1', sales: 14000, profit: 53100, surplus: 63000 },
-	{ group: 'Dataset 1', sales: 15000, profit: 42300, surplus: 43000 },
-	{ group: 'Dataset 1', sales: 16000, profit: 12300, surplus: 55000 },
-	{ group: 'Dataset 2', sales: 11000, profit: 12400, surplus: 25000 },
-	{ group: 'Dataset 2', sales: 13000, profit: 34500, surplus: 35000 },
-	{ group: 'Dataset 2', sales: 13500, profit: 23100, surplus: 55000 },
-	{ group: 'Dataset 2', sales: 15500, profit: 63200, surplus: 35000 },
-	{ group: 'Dataset 2', sales: 15750, profit: 24300, surplus: 64000 },
-];
-
-export const bubbleDoubleLinearOptions = {
-	title: 'Bubble (linear)',
-	axes: {
-		bottom: {
-			title: 'No. of employees',
-			mapsTo: 'sales',
-			includeZero: false,
-		},
-		left: {
-			title: 'Annual sales',
-			mapsTo: 'profit',
-			includeZero: false,
-		},
-	},
-	bubble: {
-		radiusMapsTo: 'surplus',
-		radiusLabel: 'Surplus',
-	},
-	legend: {
-		additionalItems: [
-			{
-				type: 'radius',
-				name: 'Surplus',
-			},
-		],
-	},
-};
-
-export const bubbleDiscreteData = [
-	{ group: 'Dataset 1', key: 'Qty', value: 8000, surplus: 50000 },
-	{ group: 'Dataset 1', key: 'More', value: 23500, surplus: 15000 },
-	{ group: 'Dataset 1', key: 'Sold', value: 53100, surplus: 32000 },
-	{ group: 'Dataset 1', key: 'Restocking', value: 42300, surplus: 53000 },
-	{ group: 'Dataset 1', key: 'Misc', value: 12300, surplus: 34000 },
-	{ group: 'Dataset 2', key: 'Qty', value: 34200, surplus: 23000 },
-	{ group: 'Dataset 2', key: 'More', value: 53200, surplus: 31000 },
-	{ group: 'Dataset 2', key: 'Sold', value: 42300, surplus: 13000 },
-	{ group: 'Dataset 2', key: 'Restocking', value: 13400, surplus: 55000 },
-	{ group: 'Dataset 2', key: 'Misc', value: 0, surplus: 12000 },
-	{ group: 'Dataset 3', key: 'Qty', value: 41200, surplus: 32000 },
-	{ group: 'Dataset 3', key: 'More', value: 18400, surplus: 12000 },
-	{ group: 'Dataset 3', key: 'Sold', value: 34210, surplus: 18000 },
-	{ group: 'Dataset 3', key: 'Restocking', value: 1400, surplus: 21000 },
-	{ group: 'Dataset 3', key: 'Misc', value: 42100, surplus: 22000 },
-	{ group: 'Dataset 4', key: 'Qty', value: 22000, surplus: 32000 },
-	{ group: 'Dataset 4', key: 'More', value: 4000, surplus: 32000 },
-	{ group: 'Dataset 4', key: 'Sold', value: 9000, surplus: 43000 },
-	{ group: 'Dataset 4', key: 'Restocking', value: 24000, surplus: 43000 },
-	{ group: 'Dataset 4', key: 'Misc', value: 7000, surplus: 21000 },
-];
-
-export const bubbleDiscreteOptions = {
-	title: 'Bubble (discrete)',
-	axes: {
-		bottom: {
-			title: '2019 Annual Sales Figures',
-			scaleType: 'labels',
-			mapsTo: 'key',
-		},
-		left: {
-			mapsTo: 'value',
-		},
-	},
-	bubble: {
-		radiusMapsTo: 'surplus',
-	},
-};
-
-export const bubbleTimeSeriesData = lineTimeSeriesData.map((datum) =>
-	Object.assign(datum, {
-		surplus: 50000 * Math.random() * ((datum['value'] || 1) / 2),
-	})
-);
-
-export const bubbleTimeSeriesOptions = {
-	title: 'Bubble (time series)',
-	axes: {
-		bottom: {
-			title: '2019 Annual Sales Figures',
-			scaleType: 'time',
-			mapsTo: 'date',
-		},
-		left: {
-			mapsTo: 'value',
-		},
-	},
-	bubble: {
-		radiusMapsTo: 'surplus',
-	},
-};
-
-// bubble - empty state
-export const bubbleEmptyStateData = [];
-export const bubbleEmptyStateOptions = {
-	title: 'Bubble (empty state)',
-	axes: {
-		bottom: {
-			title: 'No. of employees',
-			mapsTo: 'sales',
-			includeZero: false,
-		},
-		left: {
-			title: 'Annual sales',
-			mapsTo: 'profit',
-			includeZero: false,
-		},
-	},
-	bubble: {
-		radiusMapsTo: 'surplus',
-	},
-};
-
-// bubble - skeleton
-export const bubbleSkeletonData = [];
-export const bubbleSkeletonOptions = {
-	title: 'Bubble (skeleton)',
-	axes: {
-		bottom: {
-			title: 'No. of employees',
-			mapsTo: 'sales',
-			includeZero: false,
-		},
-		left: {
-			title: 'Annual sales',
-			mapsTo: 'profit',
-			includeZero: false,
-		},
-	},
-	bubble: {
-		radiusMapsTo: 'surplus',
-	},
-	data: {
-		loading: true,
-	},
-};
-
-// dual discrete axes
-export const bubbleDualDiscreteData = [
-	{ group: '2014', product: 'Cloud', value: 162, problem: 'Skills' },
-	{ group: '2014', product: 'Mainframe', value: 340, problem: 'Skills' },
-	{ group: '2014', product: 'Cloud', value: 202, problem: 'Software' },
-	{ group: '2014', product: 'Mainframe', value: 64, problem: 'Software' },
-	{ group: '2014', product: 'Cloud', value: 102, problem: 'Staffing' },
-	{ group: '2014', product: 'Mainframe', value: 88, problem: 'Staffing' },
-	{ group: '2016', product: 'Cloud', value: 136, problem: 'Skills' },
-	{ group: '2016', product: 'Mainframe', value: 74, problem: 'Skills' },
-	{ group: '2016', product: 'Cloud', value: 45, problem: 'Software' },
-	{ group: '2016', product: 'Mainframe', value: 24, problem: 'Software' },
-	{ group: '2016', product: 'Cloud', value: 36, problem: 'Staffing' },
-	{ group: '2016', product: 'Mainframe', value: 44, problem: 'Staffing' },
-	{ group: '2018', product: 'Cloud', value: 78, problem: 'Skills' },
-	{ group: '2018', product: 'Mainframe', value: 94, problem: 'Skills' },
-	{ group: '2018', product: 'Cloud', value: 56, problem: 'Software' },
-	{ group: '2018', product: 'Mainframe', value: 104, problem: 'Software' },
-	{ group: '2018', product: 'Cloud', value: 146, problem: 'Staffing' },
-	{ group: '2018', product: 'Mainframe', value: 274, problem: 'Staffing' },
-];
-
-export const bubbleDualDiscreteOptions = {
-	title: 'Bubble (dual discrete axes)',
-	axes: {
-		bottom: {
-			title: 'Problems',
-			scaleType: 'labels',
-			mapsTo: 'problem',
-		},
-		left: {
-			scaleType: 'labels',
-			mapsTo: 'product',
-			title: 'Products',
-		},
-	},
-	bubble: {
-		radiusMapsTo: 'value',
-	},
-};

package/demo/data/bullet.ts

@@ -1,55 +0,0 @@
-export const basicBulletData = [
-	{
-		title: 'Item E',
-		group: 'D3',
-		ranges: [350, 650, 980],
-		marker: 1575,
-		value: 400,
-	},
-	{
-		title: 'Item D',
-		group: 'D2',
-		ranges: [750, 1200, null],
-		marker: 1725,
-		value: 2100,
-	},
-	{
-		title: 'Item C',
-		group: 'D3',
-		ranges: [350, 500, 1005],
-		marker: 1340,
-		value: 550,
-	},
-	{
-		title: 'Item B',
-		group: 'D1',
-		ranges: [300, 895, 1600],
-		marker: 1455,
-		value: 1000,
-	},
-	{
-		title: 'Item A',
-		group: 'D1',
-		ranges: [800, 1000, 1400],
-		marker: 1275,
-		value: 250,
-	},
-];
-
-export const basicBulletOptions = {
-	title: 'Basic bullet',
-	axes: {
-		bottom: {
-			mapsTo: 'value',
-			extendLinearDomainBy: 'marker',
-		},
-		left: {
-			scaleType: 'labels',
-			mapsTo: 'title',
-		},
-		right: {
-			scaleType: 'labels-ratio',
-			mapsTo: 'title',
-		},
-	},
-};

package/demo/data/circle-pack.ts

@@ -1,232 +0,0 @@
-export const 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 const circlePackTwoLevelOptions = {
-	title: 'Two Levels Hierarchy',
-	canvasZoom: {
-		enabled: true,
-	},
-};
-
-export const circlePackTwoLevelCustomColorsOptions = {
-	title: 'Custom colors (circle pack)',
-	canvasZoom: {
-		enabled: true,
-	},
-	color: {
-		scale: {
-			Asia: 'green',
-			'South America': 'blue',
-			'North America': 'orange',
-			Europe: 'red',
-		},
-	},
-};
-
-export const circlePackSingleOptions = {
-	title: 'One Level Hierachy',
-	canvasZoom: {
-		enabled: true,
-	},
-};
-
-export const circlePackSingleLevelData = [
-	{
-		name: 'Transportation',
-		value: 300,
-	},
-	{
-		name: 'Healthcare',
-		value: 600,
-	},
-	{
-		name: 'Hospitality',
-		value: 50,
-	},
-	{
-		name: 'Tourism',
-		value: 90,
-	},
-	{
-		name: 'Food',
-		value: 280,
-	},
-];
-
-export const circlePackThreeLevelOptions = {
-	title: 'Three Levels Hierarchy',
-	canvasZoom: {
-		enabled: true,
-	},
-};
-
-export const 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 const circlePackThreeLevelsMonochromeOptions = {
-	title: 'Three Levels Hierarchy (monchromatic)',
-	canvasZoom: {
-		enabled: true,
-	},
-};
-
-export const 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 const circlePackThreeLevelNoZoomOptions = {
-	title: 'Three Levels Hierarchy (No Zoom)',
-	circlePack: {
-		hierarchyLevel: 3,
-	},
-	canvasZoom: {
-		enabled: false,
-	},
-};