Various Dataset Patterns

XYY Dataset

var dataset = [
	{
		name : "Random Values",
		values : [
			{ x: 69, y: 55, z: 97 },
			{ x: 2, y: 16, z: 86 },
			{ x: 27, y: 44, z: 77 },
			{ x: 98, y: 49, z: 7 },
			{ x: 1, y: 22, z: 2 },
			{ x: 27, y: 72, z: 70 },
			{ x: 8, y: 97, z: 66 },
			{ x: 43, y: 70, z: 7 },
			{ x: 29, y: 24, z: 23 },
			{ x: 57, y: 65, z: 91 }
		]
	}
];

XYZ Dataset

var chart = new ccd3.Chart("chart1-1",dataset);
var options = {
	default_series_type: "bubble",
	series_options: { bubble: { max_radius: 30, min_radius: 5 } }
};
chart.setup_options(options);
chart.render();

String Axis Dataset

var dataset2 = [
	{
		name : "Found Pages",
		values : [
			{ x: "dog", y: 364000000 },
			{ x: "cat", y: 447000000 },
			{ x: "fish", y: 271000000  },
			{ x: "horse", y: 212000000 },
		]
	}
];
var dataset3 = [
	{
		name : "Found Pages",
		values : [
			{ y: "dog", x: 364000000 },
			{ y: "cat", x: 447000000 },
			{ y: "fish", x: 271000000  },
			{ y: "horse", x: 212000000 },
		]
	}
];

String xAxis

var chart = new ccd3.Chart("chart2-1",dataset2);
var options = {
	default_series_type: "bar"
}
chart.setup_options(options);
chart.render();

String yAxis

var chart = new ccd3.Chart("chart2-2",dataset3);
var options = {
	default_series_type: "bar"
}
chart.setup_options(options);
chart.render();

XY String Axis Dataset

var dataset4 = [
	{
		name : "Found Pages",
		values : [
			{ x: "dog", y: "white", z: 1590000000 },
			{ x: "dog", y: "black", z: 1580000000 },
			{ x: "dog", y: "red", z: 1850000000 },
			{ x: "dog", y: "blue", z: 1750000000 },
			{ x: "cat", y: "white", z: 511000000 },
			{ x: "cat", y: "black", z: 4970000000  },
			{ x: "cat", y: "red", z: 1370000000 },
			{ x: "cat", y: "blue", z: 1270000000 },
			{ x: "fish", y: "white", z: 919000000 },
			{ x: "fish", y: "black", z: 868000000 },
			{ x: "fish", y: "red", z: 678000000 },
			{ x: "fish", y: "blue", z: 718000000 },
			{ x: "horse", y: "white", z: 688000000 },
			{ x: "horse", y: "black", z: 688000000 },
			{ x: "horse", y: "red", z: 951000000 },
			{ x: "horse", y: "blue", z: 917000000 }
		]
	}
];

String xyAxis

var chart = new ccd3.Chart("chart3-1",dataset4);
var options = {
	default_series_type: "bubble",
	series_options: { bubble: { max_radius: 30, min_radius: 5 } }
};
chart.setup_options(options);
chart.render();

String xyAxis

var chart = new ccd3.Chart("chart3-2",dataset4);
var options = {
	default_series_type: "heatmap",
	series_options: { heatmap: { high_color: "blue", low_color: "white" } }
};
chart.setup_options(options);
chart.render();