2D Kernel Density Surface
Scatter3D graphs are powerful visualization tools that extend the capabilities of traditional scatter plots into three dimensions. They display data points in a 3D space, allowing for the exploration of relationships between three variables simultaneously. This added dimension enhances the understanding of complex datasets where simple 2D plots might obscure important patterns or correlations. Interactive features, such as rotation and zooming, further facilitate detailed analysis. Applications of 3D scatter plots are diverse, spanning scientific research, data analytics, and engineering. Researchers can use them to visualize multi-dimensional data, helping identify clusters, outliers, and trends. Businesses utilize them for market analysis, identifying customer segments or product performance. Engineers leverage them to understand system behavior and optimize designs, by visualizing variables like pressure, temperature, and flow rate.
<html>
<head>
<!-- Include the CanvasXpress library in your HTML file -->
<link rel="stylesheet" href="https://www.canvasxpress.org/dist/canvasXpress.css" type="text/css"/>
<script src="https://www.canvasxpress.org/dist/canvasXpress.min.js"></script>
</head>
<body>
<!-- Create a canvas element for the chart with the desired dimensions -->
<div>
<canvas id="canvasId" width="600" height="600"></canvas>
</div>
<!-- Create a script to initialize the chart -->
<script>
// Use a data frame (2D-array) for the graph
var data =
// Create the configuration for the graph
var config = {
"graphType" : "Scatter3D",
"scatterType" : "density",
"fxSamples" : 60,
"xAxis" : [
"eruptions"
],
"yAxis" : [
"waiting"
],
"colorBy" : "Y",
"colorSpectrum" : [
"#2c7bb6",
"#abd9e9",
"#ffffbf",
"#fdae61",
"#d7191c"
],
"outline3DColor" : "rgba(0,0,0,0)",
"smoothSurface" : true,
"title" : "2D Kernel Density Surface (Scatter3D)"
}
// Event used to create graph (optional)
var events = false
// Call the CanvasXpress function to create the graph
var cX = new CanvasXpress("canvasId", data, config, events);
</script>
</body>
</html>
<html>
<head>
<!-- Include the CanvasXpress library in your HTML file -->
<link rel="stylesheet" href="https://www.canvasxpress.org/dist/canvasXpress.css" type="text/css"/>
<script src="https://www.canvasxpress.org/dist/canvasXpress.min.js"></script>
</head>
<body>
<!-- Create a canvas element for the chart with the desired dimensions -->
<div>
<canvas id="canvasId" width="600" height="600"></canvas>
</div>
<!-- Create a script to initialize the chart -->
<script>
// Create the data for the graph
var data = {
"y" : {
"vars" : [
"obs0",
"obs1",
"obs2",
"obs3",
"obs4",
"obs5",
"obs6",
"obs7",
"obs8",
"obs9",
"obs10",
"obs11",
"obs12",
"obs13",
"obs14",
"obs15",
"obs16",
"obs17",
"obs18",
"obs19",
"obs20",
"obs21",
"obs22",
"obs23",
"obs24",
"obs25",
"obs26",
"obs27",
"obs28",
"obs29",
"obs30",
"obs31",
"obs32",
"obs33",
"obs34",
"obs35",
"obs36",
"obs37",
"obs38",
"obs39",
"obs40",
"obs41",
"obs42",
"obs43",
"obs44",
"obs45",
"obs46",
"obs47",
"obs48",
"obs49",
"obs50",
"obs51",
"obs52",
"obs53",
"obs54",
"obs55",
"obs56",
"obs57",
"obs58",
"obs59",
"obs60",
"obs61",
"obs62",
"obs63",
"obs64",
"obs65",
"obs66",
"obs67",
"obs68",
"obs69",
"obs70",
"obs71",
"obs72",
"obs73",
"obs74",
"obs75",
"obs76",
"obs77",
"obs78",
"obs79",
"obs80",
"obs81",
"obs82",
"obs83",
"obs84",
"obs85",
"obs86",
"obs87",
"obs88",
"obs89",
"obs90",
"obs91",
"obs92",
"obs93",
"obs94",
"obs95",
"obs96",
"obs97",
"obs98",
"obs99",
"obs100",
"obs101",
"obs102",
"obs103",
"obs104",
"obs105",
"obs106",
"obs107",
"obs108",
"obs109",
"obs110",
"obs111",
"obs112",
"obs113",
"obs114",
"obs115",
"obs116",
"obs117",
"obs118",
"obs119",
"obs120",
"obs121",
"obs122",
"obs123",
"obs124",
"obs125",
"obs126",
"obs127",
"obs128",
"obs129",
"obs130",
"obs131",
"obs132",
"obs133",
"obs134",
"obs135",
"obs136",
"obs137",
"obs138",
"obs139",
"obs140",
"obs141",
"obs142",
"obs143",
"obs144",
"obs145",
"obs146",
"obs147",
"obs148",
"obs149",
"obs150",
"obs151",
"obs152",
"obs153",
"obs154",
"obs155",
"obs156",
"obs157",
"obs158",
"obs159",
"obs160",
"obs161",
"obs162",
"obs163",
"obs164",
"obs165",
"obs166",
"obs167",
"obs168",
"obs169",
"obs170",
"obs171",
"obs172",
"obs173",
"obs174",
"obs175",
"obs176",
"obs177",
"obs178",
"obs179",
"obs180",
"obs181",
"obs182",
"obs183",
"obs184",
"obs185",
"obs186",
"obs187",
"obs188",
"obs189",
"obs190",
"obs191",
"obs192",
"obs193",
"obs194",
"obs195",
"obs196",
"obs197",
"obs198",
"obs199",
"obs200",
"obs201",
"obs202",
"obs203",
"obs204",
"obs205",
"obs206",
"obs207",
"obs208",
"obs209",
"obs210",
"obs211",
"obs212",
"obs213",
"obs214",
"obs215",
"obs216",
"obs217",
"obs218",
"obs219",
"obs220",
"obs221",
"obs222",
"obs223",
"obs224",
"obs225",
"obs226",
"obs227",
"obs228",
"obs229",
"obs230",
"obs231",
"obs232",
"obs233",
"obs234",
"obs235",
"obs236",
"obs237",
"obs238",
"obs239"
],
"smps" : [
"eruptions",
"waiting"
],
"data" : [
[
2.391,
68.4
],
[
2.357,
69
],
[
2.124,
68.05
],
[
1.966,
68.29
],
[
2.222,
66.97
],
[
2.001,
71.24
],
[
1.971,
71.56
],
[
2.351,
65.88
],
[
2.303,
70.4
],
[
2.353,
71.97
],
[
2.195,
71.13
],
[
2.487,
67.63
],
[
2.287,
70.41
],
[
2.215,
67.44
],
[
2.412,
69.03
],
[
2.286,
70.84
],
[
2.082,
65.73
],
[
2.458,
66.75
],
[
2.178,
69.83
],
[
2.281,
66.72
],
[
2.118,
65.18
],
[
2.082,
73.5
],
[
2.329,
70.44
],
[
2.184,
74.72
],
[
1.879,
73.74
],
[
2.579,
71.1
],
[
2.398,
68.77
],
[
2.026,
74.04
],
[
1.735,
70.07
],
[
2.347,
69.56
],
[
1.937,
69.4
],
[
1.941,
70.13
],
[
2.151,
67.44
],
[
2.325,
73.24
],
[
1.826,
68.65
],
[
2.186,
69.97
],
[
2.323,
73.99
],
[
2.261,
72.17
],
[
2.621,
71.89
],
[
2.354,
70.49
],
[
2.309,
70.04
],
[
2.485,
71.92
],
[
2.179,
70.62
],
[
2.015,
67.69
],
[
2.08,
70.38
],
[
2.456,
67.79
],
[
2.126,
69.88
],
[
2.128,
65.38
],
[
2.451,
70.86
],
[
2.157,
67.7
],
[
2.569,
68.19
],
[
1.984,
70.09
],
[
2.28,
69.48
],
[
2.217,
70.58
],
[
2.079,
69.26
],
[
2.296,
71.25
],
[
2.177,
67.09
],
[
2.168,
67.1
],
[
2.577,
68.68
],
[
2.205,
67.68
],
[
2.27,
71.05
],
[
2.05,
70.23
],
[
2.484,
67.99
],
[
2.311,
75.92
],
[
2.716,
67.11
],
[
2.474,
72.18
],
[
2.012,
66.61
],
[
2.402,
69.83
],
[
2.335,
72.36
],
[
2.18,
69.35
],
[
2.357,
69.94
],
[
2.382,
72.56
],
[
1.843,
67.87
],
[
2.013,
69.1
],
[
2.224,
71.74
],
[
2.128,
69.43
],
[
2.498,
73.5
],
[
2.351,
68.49
],
[
2.362,
71.98
],
[
2.346,
67.63
],
[
2.333,
68.23
],
[
2.529,
72.06
],
[
2.31,
67.19
],
[
1.818,
67.73
],
[
2.12,
68.36
],
[
2.195,
71.15
],
[
2.285,
72.84
],
[
2.205,
66.64
],
[
2.41,
72.5
],
[
2.239,
70.27
],
[
2.092,
72.32
],
[
2.303,
70.23
],
[
1.655,
70.33
],
[
2.38,
69.89
],
[
2.066,
69.45
],
[
2.245,
70.9
],
[
1.961,
67.27
],
[
2.191,
69.19
],
[
2.52,
71
],
[
2.428,
67.31
],
[
2.21,
71.38
],
[
1.933,
72.89
],
[
1.896,
74.66
],
[
2.053,
69.4
],
[
2.265,
72.14
],
[
2.097,
68.58
],
[
2.114,
69.43
],
[
2.544,
69.48
],
[
2.276,
74.74
],
[
2.11,
71.44
],
[
4.397,
80.9
],
[
3.962,
78.08
],
[
4.351,
82.1
],
[
4.508,
82.53
],
[
4.331,
79.74
],
[
4.595,
86.1
],
[
4.167,
79.58
],
[
3.989,
86.78
],
[
4.38,
81.02
],
[
4.375,
84.8
],
[
4.504,
83.26
],
[
4.502,
81.61
],
[
4.353,
83.21
],
[
4.114,
84.09
],
[
4.126,
85.51
],
[
4.268,
81.52
],
[
4.253,
83.16
],
[
4.143,
80.11
],
[
4.251,
81.73
],
[
4.297,
83.02
],
[
4.234,
80.93
],
[
4.615,
85.89
],
[
4.115,
86.38
],
[
4.326,
84.1
],
[
4.694,
87.45
],
[
4.102,
81.19
],
[
4.096,
83.16
],
[
4.395,
78.77
],
[
4.672,
81.62
],
[
4.227,
84.94
],
[
4.313,
84.92
],
[
4.032,
81.22
],
[
3.864,
85.41
],
[
4.099,
84.87
],
[
4.301,
79.5
],
[
4.226,
80.82
],
[
4.227,
75.77
],
[
4.559,
82.87
],
[
4.371,
82.85
],
[
4.103,
79.34
],
[
4.05,
82.37
],
[
4.231,
79.02
],
[
4.393,
83.54
],
[
4.537,
83.86
],
[
4.28,
81.66
],
[
4.48,
82.7
],
[
4.094,
83.86
],
[
4.279,
83.02
],
[
4.323,
80.07
],
[
4.515,
78.45
],
[
3.97,
78.76
],
[
4.384,
81.64
],
[
3.97,
80.46
],
[
4.226,
80.46
],
[
4.162,
84.17
],
[
4.295,
84.99
],
[
4.186,
82.73
],
[
4.415,
80.46
],
[
4.37,
79.94
],
[
4.384,
85.43
],
[
4.274,
84.36
],
[
4.435,
81.85
],
[
4.162,
84.99
],
[
4.226,
77.02
],
[
4.2,
82.28
],
[
4.525,
78.91
],
[
4.474,
80.38
],
[
4.543,
81.09
],
[
4.307,
80
],
[
4.17,
76.78
],
[
4.235,
83.66
],
[
4.368,
80.47
],
[
4.259,
80.15
],
[
4.173,
80.29
],
[
4.494,
79.73
],
[
4.403,
83.24
],
[
4.251,
83.27
],
[
4.322,
80.25
],
[
4.4,
79.97
],
[
4.635,
85.33
],
[
4.433,
80.98
],
[
4.403,
81.97
],
[
4.082,
77.48
],
[
4.178,
81.38
],
[
4.089,
86.17
],
[
4.165,
81.07
],
[
4.304,
84.3
],
[
4.142,
88.23
],
[
4.107,
84.14
],
[
4.368,
85.21
],
[
4.133,
82.21
],
[
4.153,
78.48
],
[
4.156,
80.33
],
[
4.385,
79.16
],
[
4.105,
82.42
],
[
4.577,
84.74
],
[
4.386,
80.67
],
[
4.308,
81.07
],
[
4.399,
81.6
],
[
4.407,
80.83
],
[
4.574,
82.89
],
[
4.192,
82.93
],
[
4.125,
84.4
],
[
4.443,
81.08
],
[
4.12,
78.12
],
[
4.765,
86.07
],
[
4.177,
80.45
],
[
4.344,
84.34
],
[
4.124,
76.64
],
[
4.321,
86.12
],
[
4.554,
79.7
],
[
4.337,
77.47
],
[
4.217,
78.26
],
[
4.059,
85.31
],
[
4.244,
76.18
],
[
4.241,
80.79
],
[
3.981,
83.04
],
[
4.476,
82.02
],
[
4.658,
84.09
],
[
4.171,
80.83
],
[
4.249,
85.47
],
[
4.061,
78.58
],
[
4.316,
76.26
],
[
4.415,
83.67
],
[
4.014,
82.74
],
[
4.156,
79.04
],
[
4.564,
83.79
],
[
4.429,
82.27
],
[
4.521,
73.92
],
[
4.504,
79.45
]
]
}
}
// Create the configuration for the graph
var config = {
"graphType" : "Scatter3D",
"scatterType" : "density",
"fxSamples" : 60,
"xAxis" : [
"eruptions"
],
"yAxis" : [
"waiting"
],
"colorBy" : "Y",
"colorSpectrum" : [
"#2c7bb6",
"#abd9e9",
"#ffffbf",
"#fdae61",
"#d7191c"
],
"outline3DColor" : "rgba(0,0,0,0)",
"smoothSurface" : true,
"title" : "2D Kernel Density Surface (Scatter3D)"
}
// Event used to create graph (optional)
var events = false
// Call the CanvasXpress function to create the graph
var cX = new CanvasXpress("canvasId", data, config, events);
</script>
</body>
</html>
library(canvasXpress)
y=read.table("https://www.canvasxpress.org/data/r/cX-scatter3d8-dat.txt", header=TRUE, sep="\t", quote="", row.names=1, fill=TRUE, check.names=FALSE, stringsAsFactors=FALSE)
canvasXpress(
data=y,
colorBy="Y",
colorSpectrum=list("#2c7bb6", "#abd9e9", "#ffffbf", "#fdae61", "#d7191c"),
fxSamples=60,
graphType="Scatter3D",
outline3DColor="rgba(0,0,0,0)",
scatterType="density",
smoothSurface=TRUE,
title="2D Kernel Density Surface (Scatter3D)",
xAxis=list("eruptions"),
yAxis=list("waiting")
)
from canvasxpress.canvas import CanvasXpress
from canvasxpress.plot import show_in_browser
if __name__ == "__main__":
# Define the chart with its data and configuration
chart: CanvasXpress = CanvasXpress(
render_to = "scatter3d8",
data = {
"y": {
"vars": ["obs0", "obs1", "obs2", "obs3", "obs4", "obs5", "obs6", "obs7", "obs8", "obs9", "obs10", "obs11", "obs12", "obs13", "obs14", "obs15", "obs16", "obs17", "obs18", "obs19", "obs20", "obs21", "obs22", "obs23", "obs24", "obs25", "obs26", "obs27", "obs28", "obs29", "obs30", "obs31", "obs32", "obs33", "obs34", "obs35", "obs36", "obs37", "obs38", "obs39", "obs40", "obs41", "obs42", "obs43", "obs44", "obs45", "obs46", "obs47", "obs48", "obs49", "obs50", "obs51", "obs52", "obs53", "obs54", "obs55", "obs56", "obs57", "obs58", "obs59", "obs60", "obs61", "obs62", "obs63", "obs64", "obs65", "obs66", "obs67", "obs68", "obs69", "obs70", "obs71", "obs72", "obs73", "obs74", "obs75", "obs76", "obs77", "obs78", "obs79", "obs80", "obs81", "obs82", "obs83", "obs84", "obs85", "obs86", "obs87", "obs88", "obs89", "obs90", "obs91", "obs92", "obs93", "obs94", "obs95", "obs96", "obs97", "obs98", "obs99", "obs100", "obs101", "obs102", "obs103", "obs104", "obs105", "obs106", "obs107", "obs108", "obs109", "obs110", "obs111", "obs112", "obs113", "obs114", "obs115", "obs116", "obs117", "obs118", "obs119", "obs120", "obs121", "obs122", "obs123", "obs124", "obs125", "obs126", "obs127", "obs128", "obs129", "obs130", "obs131", "obs132", "obs133", "obs134", "obs135", "obs136", "obs137", "obs138", "obs139", "obs140", "obs141", "obs142", "obs143", "obs144", "obs145", "obs146", "obs147", "obs148", "obs149", "obs150", "obs151", "obs152", "obs153", "obs154", "obs155", "obs156", "obs157", "obs158", "obs159", "obs160", "obs161", "obs162", "obs163", "obs164", "obs165", "obs166", "obs167", "obs168", "obs169", "obs170", "obs171", "obs172", "obs173", "obs174", "obs175", "obs176", "obs177", "obs178", "obs179", "obs180", "obs181", "obs182", "obs183", "obs184", "obs185", "obs186", "obs187", "obs188", "obs189", "obs190", "obs191", "obs192", "obs193", "obs194", "obs195", "obs196", "obs197", "obs198", "obs199", "obs200", "obs201", "obs202", "obs203", "obs204", "obs205", "obs206", "obs207", "obs208", "obs209", "obs210", "obs211", "obs212", "obs213", "obs214", "obs215", "obs216", "obs217", "obs218", "obs219", "obs220", "obs221", "obs222", "obs223", "obs224", "obs225", "obs226", "obs227", "obs228", "obs229", "obs230", "obs231", "obs232", "obs233", "obs234", "obs235", "obs236", "obs237", "obs238", "obs239"],
"smps": ["eruptions", "waiting"],
"data": [
[2.391, 68.4],
[2.357, 69],
[2.124, 68.05],
[1.966, 68.29],
[2.222, 66.97],
[2.001, 71.24],
[1.971, 71.56],
[2.351, 65.88],
[2.303, 70.4],
[2.353, 71.97],
[2.195, 71.13],
[2.487, 67.63],
[2.287, 70.41],
[2.215, 67.44],
[2.412, 69.03],
[2.286, 70.84],
[2.082, 65.73],
[2.458, 66.75],
[2.178, 69.83],
[2.281, 66.72],
[2.118, 65.18],
[2.082, 73.5],
[2.329, 70.44],
[2.184, 74.72],
[1.879, 73.74],
[2.579, 71.1],
[2.398, 68.77],
[2.026, 74.04],
[1.735, 70.07],
[2.347, 69.56],
[1.937, 69.4],
[1.941, 70.13],
[2.151, 67.44],
[2.325, 73.24],
[1.826, 68.65],
[2.186, 69.97],
[2.323, 73.99],
[2.261, 72.17],
[2.621, 71.89],
[2.354, 70.49],
[2.309, 70.04],
[2.485, 71.92],
[2.179, 70.62],
[2.015, 67.69],
[2.08, 70.38],
[2.456, 67.79],
[2.126, 69.88],
[2.128, 65.38],
[2.451, 70.86],
[2.157, 67.7],
[2.569, 68.19],
[1.984, 70.09],
[2.28, 69.48],
[2.217, 70.58],
[2.079, 69.26],
[2.296, 71.25],
[2.177, 67.09],
[2.168, 67.1],
[2.577, 68.68],
[2.205, 67.68],
[2.27, 71.05],
[2.05, 70.23],
[2.484, 67.99],
[2.311, 75.92],
[2.716, 67.11],
[2.474, 72.18],
[2.012, 66.61],
[2.402, 69.83],
[2.335, 72.36],
[2.18, 69.35],
[2.357, 69.94],
[2.382, 72.56],
[1.843, 67.87],
[2.013, 69.1],
[2.224, 71.74],
[2.128, 69.43],
[2.498, 73.5],
[2.351, 68.49],
[2.362, 71.98],
[2.346, 67.63],
[2.333, 68.23],
[2.529, 72.06],
[2.31, 67.19],
[1.818, 67.73],
[2.12, 68.36],
[2.195, 71.15],
[2.285, 72.84],
[2.205, 66.64],
[2.41, 72.5],
[2.239, 70.27],
[2.092, 72.32],
[2.303, 70.23],
[1.655, 70.33],
[2.38, 69.89],
[2.066, 69.45],
[2.245, 70.9],
[1.961, 67.27],
[2.191, 69.19],
[2.52, 71],
[2.428, 67.31],
[2.21, 71.38],
[1.933, 72.89],
[1.896, 74.66],
[2.053, 69.4],
[2.265, 72.14],
[2.097, 68.58],
[2.114, 69.43],
[2.544, 69.48],
[2.276, 74.74],
[2.11, 71.44],
[4.397, 80.9],
[3.962, 78.08],
[4.351, 82.1],
[4.508, 82.53],
[4.331, 79.74],
[4.595, 86.1],
[4.167, 79.58],
[3.989, 86.78],
[4.38, 81.02],
[4.375, 84.8],
[4.504, 83.26],
[4.502, 81.61],
[4.353, 83.21],
[4.114, 84.09],
[4.126, 85.51],
[4.268, 81.52],
[4.253, 83.16],
[4.143, 80.11],
[4.251, 81.73],
[4.297, 83.02],
[4.234, 80.93],
[4.615, 85.89],
[4.115, 86.38],
[4.326, 84.1],
[4.694, 87.45],
[4.102, 81.19],
[4.096, 83.16],
[4.395, 78.77],
[4.672, 81.62],
[4.227, 84.94],
[4.313, 84.92],
[4.032, 81.22],
[3.864, 85.41],
[4.099, 84.87],
[4.301, 79.5],
[4.226, 80.82],
[4.227, 75.77],
[4.559, 82.87],
[4.371, 82.85],
[4.103, 79.34],
[4.05, 82.37],
[4.231, 79.02],
[4.393, 83.54],
[4.537, 83.86],
[4.28, 81.66],
[4.48, 82.7],
[4.094, 83.86],
[4.279, 83.02],
[4.323, 80.07],
[4.515, 78.45],
[3.97, 78.76],
[4.384, 81.64],
[3.97, 80.46],
[4.226, 80.46],
[4.162, 84.17],
[4.295, 84.99],
[4.186, 82.73],
[4.415, 80.46],
[4.37, 79.94],
[4.384, 85.43],
[4.274, 84.36],
[4.435, 81.85],
[4.162, 84.99],
[4.226, 77.02],
[4.2, 82.28],
[4.525, 78.91],
[4.474, 80.38],
[4.543, 81.09],
[4.307, 80],
[4.17, 76.78],
[4.235, 83.66],
[4.368, 80.47],
[4.259, 80.15],
[4.173, 80.29],
[4.494, 79.73],
[4.403, 83.24],
[4.251, 83.27],
[4.322, 80.25],
[4.4, 79.97],
[4.635, 85.33],
[4.433, 80.98],
[4.403, 81.97],
[4.082, 77.48],
[4.178, 81.38],
[4.089, 86.17],
[4.165, 81.07],
[4.304, 84.3],
[4.142, 88.23],
[4.107, 84.14],
[4.368, 85.21],
[4.133, 82.21],
[4.153, 78.48],
[4.156, 80.33],
[4.385, 79.16],
[4.105, 82.42],
[4.577, 84.74],
[4.386, 80.67],
[4.308, 81.07],
[4.399, 81.6],
[4.407, 80.83],
[4.574, 82.89],
[4.192, 82.93],
[4.125, 84.4],
[4.443, 81.08],
[4.12, 78.12],
[4.765, 86.07],
[4.177, 80.45],
[4.344, 84.34],
[4.124, 76.64],
[4.321, 86.12],
[4.554, 79.7],
[4.337, 77.47],
[4.217, 78.26],
[4.059, 85.31],
[4.244, 76.18],
[4.241, 80.79],
[3.981, 83.04],
[4.476, 82.02],
[4.658, 84.09],
[4.171, 80.83],
[4.249, 85.47],
[4.061, 78.58],
[4.316, 76.26],
[4.415, 83.67],
[4.014, 82.74],
[4.156, 79.04],
[4.564, 83.79],
[4.429, 82.27],
[4.521, 73.92],
[4.504, 79.45]
]
}
},
config = {
"graphType": "Scatter3D",
"scatterType": "density",
"fxSamples": 60,
"xAxis": ["eruptions"],
"yAxis": ["waiting"],
"colorBy": "Y",
"colorSpectrum": ["#2c7bb6", "#abd9e9", "#ffffbf", "#fdae61", "#d7191c"],
"outline3DColor": "rgba(0,0,0,0)",
"smoothSurface": True,
"title": "2D Kernel Density Surface (Scatter3D)"
},
width = 600,
height = 600
)
# Display the chart in its own Web page
show_in_browser(chart)
from canvasxpress.canvas import CanvasXpress
from canvasxpress.plot import graph
graph(
CanvasXpress(
render_to = "scatter3d8",
data = {
"y": {
"vars": ["obs0", "obs1", "obs2", "obs3", "obs4", "obs5", "obs6", "obs7", "obs8", "obs9", "obs10", "obs11", "obs12", "obs13", "obs14", "obs15", "obs16", "obs17", "obs18", "obs19", "obs20", "obs21", "obs22", "obs23", "obs24", "obs25", "obs26", "obs27", "obs28", "obs29", "obs30", "obs31", "obs32", "obs33", "obs34", "obs35", "obs36", "obs37", "obs38", "obs39", "obs40", "obs41", "obs42", "obs43", "obs44", "obs45", "obs46", "obs47", "obs48", "obs49", "obs50", "obs51", "obs52", "obs53", "obs54", "obs55", "obs56", "obs57", "obs58", "obs59", "obs60", "obs61", "obs62", "obs63", "obs64", "obs65", "obs66", "obs67", "obs68", "obs69", "obs70", "obs71", "obs72", "obs73", "obs74", "obs75", "obs76", "obs77", "obs78", "obs79", "obs80", "obs81", "obs82", "obs83", "obs84", "obs85", "obs86", "obs87", "obs88", "obs89", "obs90", "obs91", "obs92", "obs93", "obs94", "obs95", "obs96", "obs97", "obs98", "obs99", "obs100", "obs101", "obs102", "obs103", "obs104", "obs105", "obs106", "obs107", "obs108", "obs109", "obs110", "obs111", "obs112", "obs113", "obs114", "obs115", "obs116", "obs117", "obs118", "obs119", "obs120", "obs121", "obs122", "obs123", "obs124", "obs125", "obs126", "obs127", "obs128", "obs129", "obs130", "obs131", "obs132", "obs133", "obs134", "obs135", "obs136", "obs137", "obs138", "obs139", "obs140", "obs141", "obs142", "obs143", "obs144", "obs145", "obs146", "obs147", "obs148", "obs149", "obs150", "obs151", "obs152", "obs153", "obs154", "obs155", "obs156", "obs157", "obs158", "obs159", "obs160", "obs161", "obs162", "obs163", "obs164", "obs165", "obs166", "obs167", "obs168", "obs169", "obs170", "obs171", "obs172", "obs173", "obs174", "obs175", "obs176", "obs177", "obs178", "obs179", "obs180", "obs181", "obs182", "obs183", "obs184", "obs185", "obs186", "obs187", "obs188", "obs189", "obs190", "obs191", "obs192", "obs193", "obs194", "obs195", "obs196", "obs197", "obs198", "obs199", "obs200", "obs201", "obs202", "obs203", "obs204", "obs205", "obs206", "obs207", "obs208", "obs209", "obs210", "obs211", "obs212", "obs213", "obs214", "obs215", "obs216", "obs217", "obs218", "obs219", "obs220", "obs221", "obs222", "obs223", "obs224", "obs225", "obs226", "obs227", "obs228", "obs229", "obs230", "obs231", "obs232", "obs233", "obs234", "obs235", "obs236", "obs237", "obs238", "obs239"],
"smps": ["eruptions", "waiting"],
"data": [
[2.391, 68.4],
[2.357, 69],
[2.124, 68.05],
[1.966, 68.29],
[2.222, 66.97],
[2.001, 71.24],
[1.971, 71.56],
[2.351, 65.88],
[2.303, 70.4],
[2.353, 71.97],
[2.195, 71.13],
[2.487, 67.63],
[2.287, 70.41],
[2.215, 67.44],
[2.412, 69.03],
[2.286, 70.84],
[2.082, 65.73],
[2.458, 66.75],
[2.178, 69.83],
[2.281, 66.72],
[2.118, 65.18],
[2.082, 73.5],
[2.329, 70.44],
[2.184, 74.72],
[1.879, 73.74],
[2.579, 71.1],
[2.398, 68.77],
[2.026, 74.04],
[1.735, 70.07],
[2.347, 69.56],
[1.937, 69.4],
[1.941, 70.13],
[2.151, 67.44],
[2.325, 73.24],
[1.826, 68.65],
[2.186, 69.97],
[2.323, 73.99],
[2.261, 72.17],
[2.621, 71.89],
[2.354, 70.49],
[2.309, 70.04],
[2.485, 71.92],
[2.179, 70.62],
[2.015, 67.69],
[2.08, 70.38],
[2.456, 67.79],
[2.126, 69.88],
[2.128, 65.38],
[2.451, 70.86],
[2.157, 67.7],
[2.569, 68.19],
[1.984, 70.09],
[2.28, 69.48],
[2.217, 70.58],
[2.079, 69.26],
[2.296, 71.25],
[2.177, 67.09],
[2.168, 67.1],
[2.577, 68.68],
[2.205, 67.68],
[2.27, 71.05],
[2.05, 70.23],
[2.484, 67.99],
[2.311, 75.92],
[2.716, 67.11],
[2.474, 72.18],
[2.012, 66.61],
[2.402, 69.83],
[2.335, 72.36],
[2.18, 69.35],
[2.357, 69.94],
[2.382, 72.56],
[1.843, 67.87],
[2.013, 69.1],
[2.224, 71.74],
[2.128, 69.43],
[2.498, 73.5],
[2.351, 68.49],
[2.362, 71.98],
[2.346, 67.63],
[2.333, 68.23],
[2.529, 72.06],
[2.31, 67.19],
[1.818, 67.73],
[2.12, 68.36],
[2.195, 71.15],
[2.285, 72.84],
[2.205, 66.64],
[2.41, 72.5],
[2.239, 70.27],
[2.092, 72.32],
[2.303, 70.23],
[1.655, 70.33],
[2.38, 69.89],
[2.066, 69.45],
[2.245, 70.9],
[1.961, 67.27],
[2.191, 69.19],
[2.52, 71],
[2.428, 67.31],
[2.21, 71.38],
[1.933, 72.89],
[1.896, 74.66],
[2.053, 69.4],
[2.265, 72.14],
[2.097, 68.58],
[2.114, 69.43],
[2.544, 69.48],
[2.276, 74.74],
[2.11, 71.44],
[4.397, 80.9],
[3.962, 78.08],
[4.351, 82.1],
[4.508, 82.53],
[4.331, 79.74],
[4.595, 86.1],
[4.167, 79.58],
[3.989, 86.78],
[4.38, 81.02],
[4.375, 84.8],
[4.504, 83.26],
[4.502, 81.61],
[4.353, 83.21],
[4.114, 84.09],
[4.126, 85.51],
[4.268, 81.52],
[4.253, 83.16],
[4.143, 80.11],
[4.251, 81.73],
[4.297, 83.02],
[4.234, 80.93],
[4.615, 85.89],
[4.115, 86.38],
[4.326, 84.1],
[4.694, 87.45],
[4.102, 81.19],
[4.096, 83.16],
[4.395, 78.77],
[4.672, 81.62],
[4.227, 84.94],
[4.313, 84.92],
[4.032, 81.22],
[3.864, 85.41],
[4.099, 84.87],
[4.301, 79.5],
[4.226, 80.82],
[4.227, 75.77],
[4.559, 82.87],
[4.371, 82.85],
[4.103, 79.34],
[4.05, 82.37],
[4.231, 79.02],
[4.393, 83.54],
[4.537, 83.86],
[4.28, 81.66],
[4.48, 82.7],
[4.094, 83.86],
[4.279, 83.02],
[4.323, 80.07],
[4.515, 78.45],
[3.97, 78.76],
[4.384, 81.64],
[3.97, 80.46],
[4.226, 80.46],
[4.162, 84.17],
[4.295, 84.99],
[4.186, 82.73],
[4.415, 80.46],
[4.37, 79.94],
[4.384, 85.43],
[4.274, 84.36],
[4.435, 81.85],
[4.162, 84.99],
[4.226, 77.02],
[4.2, 82.28],
[4.525, 78.91],
[4.474, 80.38],
[4.543, 81.09],
[4.307, 80],
[4.17, 76.78],
[4.235, 83.66],
[4.368, 80.47],
[4.259, 80.15],
[4.173, 80.29],
[4.494, 79.73],
[4.403, 83.24],
[4.251, 83.27],
[4.322, 80.25],
[4.4, 79.97],
[4.635, 85.33],
[4.433, 80.98],
[4.403, 81.97],
[4.082, 77.48],
[4.178, 81.38],
[4.089, 86.17],
[4.165, 81.07],
[4.304, 84.3],
[4.142, 88.23],
[4.107, 84.14],
[4.368, 85.21],
[4.133, 82.21],
[4.153, 78.48],
[4.156, 80.33],
[4.385, 79.16],
[4.105, 82.42],
[4.577, 84.74],
[4.386, 80.67],
[4.308, 81.07],
[4.399, 81.6],
[4.407, 80.83],
[4.574, 82.89],
[4.192, 82.93],
[4.125, 84.4],
[4.443, 81.08],
[4.12, 78.12],
[4.765, 86.07],
[4.177, 80.45],
[4.344, 84.34],
[4.124, 76.64],
[4.321, 86.12],
[4.554, 79.7],
[4.337, 77.47],
[4.217, 78.26],
[4.059, 85.31],
[4.244, 76.18],
[4.241, 80.79],
[3.981, 83.04],
[4.476, 82.02],
[4.658, 84.09],
[4.171, 80.83],
[4.249, 85.47],
[4.061, 78.58],
[4.316, 76.26],
[4.415, 83.67],
[4.014, 82.74],
[4.156, 79.04],
[4.564, 83.79],
[4.429, 82.27],
[4.521, 73.92],
[4.504, 79.45]
]
}
},
config = {
"graphType": "Scatter3D",
"scatterType": "density",
"fxSamples": 60,
"xAxis": ["eruptions"],
"yAxis": ["waiting"],
"colorBy": "Y",
"colorSpectrum": ["#2c7bb6", "#abd9e9", "#ffffbf", "#fdae61", "#d7191c"],
"outline3DColor": "rgba(0,0,0,0)",
"smoothSurface": True,
"title": "2D Kernel Density Surface (Scatter3D)"
},
width = 600,
height = 600
)
)
using CanvasXpress
canvasxpress(Dict(
"y" => Dict(
"vars" => ["obs0", "obs1", "obs2", "obs3", "obs4", "obs5", "obs6", "obs7", "obs8", "obs9", "obs10", "obs11", "obs12", "obs13", "obs14", "obs15", "obs16", "obs17", "obs18", "obs19", "obs20", "obs21", "obs22", "obs23", "obs24", "obs25", "obs26", "obs27", "obs28", "obs29", "obs30", "obs31", "obs32", "obs33", "obs34", "obs35", "obs36", "obs37", "obs38", "obs39", "obs40", "obs41", "obs42", "obs43", "obs44", "obs45", "obs46", "obs47", "obs48", "obs49", "obs50", "obs51", "obs52", "obs53", "obs54", "obs55", "obs56", "obs57", "obs58", "obs59", "obs60", "obs61", "obs62", "obs63", "obs64", "obs65", "obs66", "obs67", "obs68", "obs69", "obs70", "obs71", "obs72", "obs73", "obs74", "obs75", "obs76", "obs77", "obs78", "obs79", "obs80", "obs81", "obs82", "obs83", "obs84", "obs85", "obs86", "obs87", "obs88", "obs89", "obs90", "obs91", "obs92", "obs93", "obs94", "obs95", "obs96", "obs97", "obs98", "obs99", "obs100", "obs101", "obs102", "obs103", "obs104", "obs105", "obs106", "obs107", "obs108", "obs109", "obs110", "obs111", "obs112", "obs113", "obs114", "obs115", "obs116", "obs117", "obs118", "obs119", "obs120", "obs121", "obs122", "obs123", "obs124", "obs125", "obs126", "obs127", "obs128", "obs129", "obs130", "obs131", "obs132", "obs133", "obs134", "obs135", "obs136", "obs137", "obs138", "obs139", "obs140", "obs141", "obs142", "obs143", "obs144", "obs145", "obs146", "obs147", "obs148", "obs149", "obs150", "obs151", "obs152", "obs153", "obs154", "obs155", "obs156", "obs157", "obs158", "obs159", "obs160", "obs161", "obs162", "obs163", "obs164", "obs165", "obs166", "obs167", "obs168", "obs169", "obs170", "obs171", "obs172", "obs173", "obs174", "obs175", "obs176", "obs177", "obs178", "obs179", "obs180", "obs181", "obs182", "obs183", "obs184", "obs185", "obs186", "obs187", "obs188", "obs189", "obs190", "obs191", "obs192", "obs193", "obs194", "obs195", "obs196", "obs197", "obs198", "obs199", "obs200", "obs201", "obs202", "obs203", "obs204", "obs205", "obs206", "obs207", "obs208", "obs209", "obs210", "obs211", "obs212", "obs213", "obs214", "obs215", "obs216", "obs217", "obs218", "obs219", "obs220", "obs221", "obs222", "obs223", "obs224", "obs225", "obs226", "obs227", "obs228", "obs229", "obs230", "obs231", "obs232", "obs233", "obs234", "obs235", "obs236", "obs237", "obs238", "obs239"],
"smps" => ["eruptions", "waiting"],
"data" => [
[2.391, 68.4],
[2.357, 69],
[2.124, 68.05],
[1.966, 68.29],
[2.222, 66.97],
[2.001, 71.24],
[1.971, 71.56],
[2.351, 65.88],
[2.303, 70.4],
[2.353, 71.97],
[2.195, 71.13],
[2.487, 67.63],
[2.287, 70.41],
[2.215, 67.44],
[2.412, 69.03],
[2.286, 70.84],
[2.082, 65.73],
[2.458, 66.75],
[2.178, 69.83],
[2.281, 66.72],
[2.118, 65.18],
[2.082, 73.5],
[2.329, 70.44],
[2.184, 74.72],
[1.879, 73.74],
[2.579, 71.1],
[2.398, 68.77],
[2.026, 74.04],
[1.735, 70.07],
[2.347, 69.56],
[1.937, 69.4],
[1.941, 70.13],
[2.151, 67.44],
[2.325, 73.24],
[1.826, 68.65],
[2.186, 69.97],
[2.323, 73.99],
[2.261, 72.17],
[2.621, 71.89],
[2.354, 70.49],
[2.309, 70.04],
[2.485, 71.92],
[2.179, 70.62],
[2.015, 67.69],
[2.08, 70.38],
[2.456, 67.79],
[2.126, 69.88],
[2.128, 65.38],
[2.451, 70.86],
[2.157, 67.7],
[2.569, 68.19],
[1.984, 70.09],
[2.28, 69.48],
[2.217, 70.58],
[2.079, 69.26],
[2.296, 71.25],
[2.177, 67.09],
[2.168, 67.1],
[2.577, 68.68],
[2.205, 67.68],
[2.27, 71.05],
[2.05, 70.23],
[2.484, 67.99],
[2.311, 75.92],
[2.716, 67.11],
[2.474, 72.18],
[2.012, 66.61],
[2.402, 69.83],
[2.335, 72.36],
[2.18, 69.35],
[2.357, 69.94],
[2.382, 72.56],
[1.843, 67.87],
[2.013, 69.1],
[2.224, 71.74],
[2.128, 69.43],
[2.498, 73.5],
[2.351, 68.49],
[2.362, 71.98],
[2.346, 67.63],
[2.333, 68.23],
[2.529, 72.06],
[2.31, 67.19],
[1.818, 67.73],
[2.12, 68.36],
[2.195, 71.15],
[2.285, 72.84],
[2.205, 66.64],
[2.41, 72.5],
[2.239, 70.27],
[2.092, 72.32],
[2.303, 70.23],
[1.655, 70.33],
[2.38, 69.89],
[2.066, 69.45],
[2.245, 70.9],
[1.961, 67.27],
[2.191, 69.19],
[2.52, 71],
[2.428, 67.31],
[2.21, 71.38],
[1.933, 72.89],
[1.896, 74.66],
[2.053, 69.4],
[2.265, 72.14],
[2.097, 68.58],
[2.114, 69.43],
[2.544, 69.48],
[2.276, 74.74],
[2.11, 71.44],
[4.397, 80.9],
[3.962, 78.08],
[4.351, 82.1],
[4.508, 82.53],
[4.331, 79.74],
[4.595, 86.1],
[4.167, 79.58],
[3.989, 86.78],
[4.38, 81.02],
[4.375, 84.8],
[4.504, 83.26],
[4.502, 81.61],
[4.353, 83.21],
[4.114, 84.09],
[4.126, 85.51],
[4.268, 81.52],
[4.253, 83.16],
[4.143, 80.11],
[4.251, 81.73],
[4.297, 83.02],
[4.234, 80.93],
[4.615, 85.89],
[4.115, 86.38],
[4.326, 84.1],
[4.694, 87.45],
[4.102, 81.19],
[4.096, 83.16],
[4.395, 78.77],
[4.672, 81.62],
[4.227, 84.94],
[4.313, 84.92],
[4.032, 81.22],
[3.864, 85.41],
[4.099, 84.87],
[4.301, 79.5],
[4.226, 80.82],
[4.227, 75.77],
[4.559, 82.87],
[4.371, 82.85],
[4.103, 79.34],
[4.05, 82.37],
[4.231, 79.02],
[4.393, 83.54],
[4.537, 83.86],
[4.28, 81.66],
[4.48, 82.7],
[4.094, 83.86],
[4.279, 83.02],
[4.323, 80.07],
[4.515, 78.45],
[3.97, 78.76],
[4.384, 81.64],
[3.97, 80.46],
[4.226, 80.46],
[4.162, 84.17],
[4.295, 84.99],
[4.186, 82.73],
[4.415, 80.46],
[4.37, 79.94],
[4.384, 85.43],
[4.274, 84.36],
[4.435, 81.85],
[4.162, 84.99],
[4.226, 77.02],
[4.2, 82.28],
[4.525, 78.91],
[4.474, 80.38],
[4.543, 81.09],
[4.307, 80],
[4.17, 76.78],
[4.235, 83.66],
[4.368, 80.47],
[4.259, 80.15],
[4.173, 80.29],
[4.494, 79.73],
[4.403, 83.24],
[4.251, 83.27],
[4.322, 80.25],
[4.4, 79.97],
[4.635, 85.33],
[4.433, 80.98],
[4.403, 81.97],
[4.082, 77.48],
[4.178, 81.38],
[4.089, 86.17],
[4.165, 81.07],
[4.304, 84.3],
[4.142, 88.23],
[4.107, 84.14],
[4.368, 85.21],
[4.133, 82.21],
[4.153, 78.48],
[4.156, 80.33],
[4.385, 79.16],
[4.105, 82.42],
[4.577, 84.74],
[4.386, 80.67],
[4.308, 81.07],
[4.399, 81.6],
[4.407, 80.83],
[4.574, 82.89],
[4.192, 82.93],
[4.125, 84.4],
[4.443, 81.08],
[4.12, 78.12],
[4.765, 86.07],
[4.177, 80.45],
[4.344, 84.34],
[4.124, 76.64],
[4.321, 86.12],
[4.554, 79.7],
[4.337, 77.47],
[4.217, 78.26],
[4.059, 85.31],
[4.244, 76.18],
[4.241, 80.79],
[3.981, 83.04],
[4.476, 82.02],
[4.658, 84.09],
[4.171, 80.83],
[4.249, 85.47],
[4.061, 78.58],
[4.316, 76.26],
[4.415, 83.67],
[4.014, 82.74],
[4.156, 79.04],
[4.564, 83.79],
[4.429, 82.27],
[4.521, 73.92],
[4.504, 79.45]
]
)
);
graphType = "Scatter3D",
scatterType = "density",
fxSamples = 60,
xAxis = ["eruptions"],
yAxis = ["waiting"],
colorBy = "Y",
colorSpectrum = ["#2c7bb6", "#abd9e9", "#ffffbf", "#fdae61", "#d7191c"],
outline3DColor = "rgba(0,0,0,0)",
smoothSurface = true,
title = "2D Kernel Density Surface (Scatter3D)"
)










