Trimodal 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" : [
"dim1"
],
"yAxis" : [
"dim2"
],
"colorBy" : "Y",
"colorSpectrum" : [
"#440154",
"#3b528b",
"#21918c",
"#5ec962",
"#fde725"
],
"outline3DColor" : "rgba(0,0,0,0)",
"smoothSurface" : true,
"title" : "Trimodal 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" : [
"t0",
"t1",
"t2",
"t3",
"t4",
"t5",
"t6",
"t7",
"t8",
"t9",
"t10",
"t11",
"t12",
"t13",
"t14",
"t15",
"t16",
"t17",
"t18",
"t19",
"t20",
"t21",
"t22",
"t23",
"t24",
"t25",
"t26",
"t27",
"t28",
"t29",
"t30",
"t31",
"t32",
"t33",
"t34",
"t35",
"t36",
"t37",
"t38",
"t39",
"t40",
"t41",
"t42",
"t43",
"t44",
"t45",
"t46",
"t47",
"t48",
"t49",
"t50",
"t51",
"t52",
"t53",
"t54",
"t55",
"t56",
"t57",
"t58",
"t59",
"t60",
"t61",
"t62",
"t63",
"t64",
"t65",
"t66",
"t67",
"t68",
"t69",
"t70",
"t71",
"t72",
"t73",
"t74",
"t75",
"t76",
"t77",
"t78",
"t79",
"t80",
"t81",
"t82",
"t83",
"t84",
"t85",
"t86",
"t87",
"t88",
"t89",
"t90",
"t91",
"t92",
"t93",
"t94",
"t95",
"t96",
"t97",
"t98",
"t99",
"t100",
"t101",
"t102",
"t103",
"t104",
"t105",
"t106",
"t107",
"t108",
"t109",
"t110",
"t111",
"t112",
"t113",
"t114",
"t115",
"t116",
"t117",
"t118",
"t119",
"t120",
"t121",
"t122",
"t123",
"t124",
"t125",
"t126",
"t127",
"t128",
"t129",
"t130",
"t131",
"t132",
"t133",
"t134",
"t135",
"t136",
"t137",
"t138",
"t139",
"t140",
"t141",
"t142",
"t143",
"t144",
"t145",
"t146",
"t147",
"t148",
"t149",
"t150",
"t151",
"t152",
"t153",
"t154",
"t155",
"t156",
"t157",
"t158",
"t159",
"t160",
"t161",
"t162",
"t163",
"t164",
"t165",
"t166",
"t167",
"t168",
"t169",
"t170",
"t171",
"t172",
"t173",
"t174",
"t175",
"t176",
"t177",
"t178",
"t179",
"t180",
"t181",
"t182",
"t183",
"t184",
"t185",
"t186",
"t187",
"t188",
"t189",
"t190",
"t191",
"t192",
"t193",
"t194",
"t195",
"t196",
"t197",
"t198",
"t199",
"t200",
"t201",
"t202",
"t203",
"t204",
"t205",
"t206",
"t207",
"t208",
"t209",
"t210",
"t211",
"t212",
"t213",
"t214",
"t215",
"t216",
"t217",
"t218",
"t219",
"t220",
"t221",
"t222",
"t223",
"t224",
"t225",
"t226",
"t227",
"t228",
"t229",
"t230",
"t231",
"t232",
"t233",
"t234",
"t235",
"t236",
"t237",
"t238",
"t239",
"t240",
"t241",
"t242",
"t243",
"t244",
"t245",
"t246",
"t247",
"t248",
"t249",
"t250",
"t251",
"t252",
"t253",
"t254",
"t255",
"t256",
"t257",
"t258",
"t259",
"t260",
"t261",
"t262",
"t263",
"t264",
"t265",
"t266",
"t267",
"t268",
"t269"
],
"smps" : [
"dim1",
"dim2"
],
"data" : [
[
2.079,
2.716
],
[
1.866,
2.868
],
[
1.997,
3.126
],
[
2.19,
2.932
],
[
1.9,
3.106
],
[
2.091,
2.993
],
[
2.054,
3.09
],
[
2.083,
2.932
],
[
1.897,
2.928
],
[
1.961,
3.157
],
[
1.986,
3.124
],
[
1.723,
3.228
],
[
2.205,
3.081
],
[
1.886,
2.907
],
[
1.867,
3.157
],
[
1.974,
3.138
],
[
2.015,
3.424
],
[
1.992,
3.096
],
[
1.773,
3.173
],
[
2.31,
2.64
],
[
2.021,
2.845
],
[
1.98,
2.659
],
[
2.194,
3.168
],
[
1.838,
2.997
],
[
1.898,
3.146
],
[
2.132,
2.934
],
[
2.191,
3.156
],
[
2.088,
2.853
],
[
1.876,
2.88
],
[
1.909,
3.11
],
[
1.854,
2.719
],
[
1.898,
2.959
],
[
1.973,
3.211
],
[
1.843,
3.029
],
[
1.952,
3.087
],
[
1.967,
3.122
],
[
2.191,
3.129
],
[
1.947,
2.768
],
[
2.082,
2.893
],
[
2.092,
3.21
],
[
2.261,
3.065
],
[
2.095,
2.883
],
[
1.888,
3.073
],
[
1.783,
3.056
],
[
2.115,
3.046
],
[
2.06,
3.104
],
[
2.245,
2.952
],
[
2.095,
2.832
],
[
1.918,
3.211
],
[
2.225,
3.032
],
[
1.974,
3.019
],
[
1.663,
2.85
],
[
1.768,
3.009
],
[
1.959,
3.026
],
[
1.803,
2.97
],
[
2.068,
2.87
],
[
1.765,
2.906
],
[
2.071,
2.796
],
[
1.888,
3.144
],
[
2.191,
2.975
],
[
2.241,
3.108
],
[
2.19,
3.207
],
[
1.982,
2.753
],
[
2.098,
3.148
],
[
2.054,
2.803
],
[
1.87,
3.198
],
[
1.637,
2.977
],
[
1.88,
2.715
],
[
2.035,
3
],
[
2.164,
3.207
],
[
1.989,
3.108
],
[
1.798,
2.953
],
[
2.195,
3.185
],
[
1.789,
2.817
],
[
2.113,
2.704
],
[
1.816,
2.94
],
[
1.589,
2.944
],
[
2.119,
3.016
],
[
1.741,
2.927
],
[
2.151,
2.913
],
[
2.1,
3.398
],
[
1.935,
2.79
],
[
1.979,
3.36
],
[
2.057,
3.014
],
[
2.029,
3.134
],
[
2.021,
2.982
],
[
2.044,
3.221
],
[
1.883,
3.06
],
[
2.242,
3.245
],
[
2.224,
2.792
],
[
6.204,
6.77
],
[
6.026,
7.262
],
[
5.778,
6.787
],
[
5.993,
7.02
],
[
5.944,
6.725
],
[
6.363,
6.929
],
[
5.934,
7.071
],
[
5.724,
6.973
],
[
5.853,
6.954
],
[
6.168,
6.925
],
[
5.718,
6.997
],
[
6.202,
6.854
],
[
5.936,
6.877
],
[
5.798,
7.264
],
[
6.181,
7.053
],
[
6.046,
6.982
],
[
6.048,
6.931
],
[
6.065,
6.556
],
[
6.222,
6.86
],
[
5.658,
7.239
],
[
5.89,
7.437
],
[
5.939,
7.068
],
[
6.121,
7.175
],
[
5.993,
7.045
],
[
5.935,
7.121
],
[
6.327,
7.066
],
[
5.804,
6.813
],
[
6.035,
7.29
],
[
5.931,
6.968
],
[
5.985,
6.939
],
[
5.785,
7.091
],
[
6.093,
6.983
],
[
5.832,
6.747
],
[
6.001,
6.915
],
[
5.644,
7.468
],
[
6.347,
7.11
],
[
6.019,
6.853
],
[
6.36,
7.15
],
[
5.771,
6.945
],
[
5.91,
6.953
],
[
6.24,
7.069
],
[
6.204,
7.158
],
[
5.785,
6.879
],
[
5.868,
6.988
],
[
6.192,
7.014
],
[
5.716,
7.05
],
[
6.08,
6.711
],
[
6.037,
7.207
],
[
6.041,
6.867
],
[
6.32,
7.337
],
[
5.687,
6.896
],
[
6.058,
6.893
],
[
5.728,
6.97
],
[
5.728,
6.72
],
[
5.846,
7.261
],
[
6.27,
6.981
],
[
5.65,
6.949
],
[
6.097,
6.78
],
[
5.598,
7.235
],
[
5.987,
7.016
],
[
5.986,
7.041
],
[
6.213,
6.861
],
[
5.902,
7.08
],
[
6.033,
7.167
],
[
6.089,
7.043
],
[
6,
6.972
],
[
6.05,
7.139
],
[
5.762,
6.981
],
[
6.154,
7.003
],
[
6.061,
6.861
],
[
5.814,
7.175
],
[
6.147,
7.042
],
[
5.896,
6.916
],
[
5.953,
6.941
],
[
5.929,
7.359
],
[
6.113,
7.205
],
[
5.846,
7.01
],
[
5.801,
6.706
],
[
6.089,
6.613
],
[
6.073,
7.1
],
[
5.933,
7.099
],
[
6.133,
6.616
],
[
5.978,
7.061
],
[
5.976,
7.192
],
[
6.193,
6.801
],
[
5.928,
6.728
],
[
6.071,
7.057
],
[
5.977,
7.211
],
[
5.911,
6.96
],
[
6.158,
7.133
],
[
8.947,
2.587
],
[
8.702,
2.604
],
[
9.176,
2.639
],
[
8.915,
2.502
],
[
9.189,
2.469
],
[
8.916,
2.735
],
[
8.768,
2.274
],
[
9.007,
2.502
],
[
9.107,
2.196
],
[
9.021,
2.561
],
[
8.965,
2.333
],
[
8.918,
2.418
],
[
9,
2.694
],
[
9.089,
2.564
],
[
8.952,
2.683
],
[
9.005,
2.467
],
[
9.189,
2.497
],
[
9.118,
2.465
],
[
9.09,
2.697
],
[
9.157,
2.279
],
[
8.824,
2.718
],
[
9.052,
2.336
],
[
9.2,
2.436
],
[
9.177,
2.18
],
[
9.266,
2.611
],
[
9.206,
2.259
],
[
9.215,
2.7
],
[
9.087,
2.276
],
[
8.879,
2.564
],
[
8.969,
2.344
],
[
9.211,
2.36
],
[
8.933,
2.525
],
[
8.836,
2.682
],
[
9.206,
2.724
],
[
9.146,
2.758
],
[
9.043,
2.686
],
[
8.921,
2.534
],
[
9.209,
2.618
],
[
9.197,
2.38
],
[
8.861,
2.641
],
[
8.839,
2.285
],
[
9.041,
2.487
],
[
9.131,
2.672
],
[
9.093,
2.284
],
[
8.949,
2.427
],
[
8.748,
2.262
],
[
8.975,
2.403
],
[
8.883,
2.487
],
[
8.961,
2.284
],
[
8.87,
2.526
],
[
8.965,
2.524
],
[
9.089,
2.56
],
[
8.872,
2.571
],
[
8.945,
2.519
],
[
9.047,
2.558
],
[
8.759,
2.589
],
[
9.21,
2.587
],
[
8.829,
2.582
],
[
9.302,
2.325
],
[
8.9,
2.466
],
[
9.214,
2.524
],
[
9.013,
2.836
],
[
9.252,
2.329
],
[
9.011,
2.156
],
[
8.932,
2.392
],
[
8.793,
2.714
],
[
8.865,
2.357
],
[
8.951,
2.592
],
[
9.03,
2.208
],
[
9.081,
2.615
],
[
8.793,
2.227
],
[
8.948,
2.348
],
[
8.876,
2.654
],
[
9.232,
2.545
],
[
8.692,
2.656
],
[
8.867,
2.2
],
[
8.705,
2.507
],
[
8.665,
2.174
],
[
8.842,
2.453
],
[
9.088,
2.699
],
[
8.685,
2.53
],
[
8.888,
2.432
],
[
9.385,
2.584
],
[
8.979,
2.35
],
[
9.276,
2.591
],
[
8.761,
2.257
],
[
9.161,
2.389
],
[
9.355,
2.793
],
[
8.819,
2.374
],
[
9.038,
2.731
]
]
}
}
// Create the configuration for the graph
var config = {
"graphType" : "Scatter3D",
"scatterType" : "density",
"fxSamples" : 60,
"xAxis" : [
"dim1"
],
"yAxis" : [
"dim2"
],
"colorBy" : "Y",
"colorSpectrum" : [
"#440154",
"#3b528b",
"#21918c",
"#5ec962",
"#fde725"
],
"outline3DColor" : "rgba(0,0,0,0)",
"smoothSurface" : true,
"title" : "Trimodal 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-scatter3d10-dat.txt", header=TRUE, sep="\t", quote="", row.names=1, fill=TRUE, check.names=FALSE, stringsAsFactors=FALSE)
canvasXpress(
data=y,
colorBy="Y",
colorSpectrum=list("#440154", "#3b528b", "#21918c", "#5ec962", "#fde725"),
fxSamples=60,
graphType="Scatter3D",
outline3DColor="rgba(0,0,0,0)",
scatterType="density",
smoothSurface=TRUE,
title="Trimodal Density Surface (Scatter3D)",
xAxis=list("dim1"),
yAxis=list("dim2")
)
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 = "scatter3d10",
data = {
"y": {
"vars": ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7", "t8", "t9", "t10", "t11", "t12", "t13", "t14", "t15", "t16", "t17", "t18", "t19", "t20", "t21", "t22", "t23", "t24", "t25", "t26", "t27", "t28", "t29", "t30", "t31", "t32", "t33", "t34", "t35", "t36", "t37", "t38", "t39", "t40", "t41", "t42", "t43", "t44", "t45", "t46", "t47", "t48", "t49", "t50", "t51", "t52", "t53", "t54", "t55", "t56", "t57", "t58", "t59", "t60", "t61", "t62", "t63", "t64", "t65", "t66", "t67", "t68", "t69", "t70", "t71", "t72", "t73", "t74", "t75", "t76", "t77", "t78", "t79", "t80", "t81", "t82", "t83", "t84", "t85", "t86", "t87", "t88", "t89", "t90", "t91", "t92", "t93", "t94", "t95", "t96", "t97", "t98", "t99", "t100", "t101", "t102", "t103", "t104", "t105", "t106", "t107", "t108", "t109", "t110", "t111", "t112", "t113", "t114", "t115", "t116", "t117", "t118", "t119", "t120", "t121", "t122", "t123", "t124", "t125", "t126", "t127", "t128", "t129", "t130", "t131", "t132", "t133", "t134", "t135", "t136", "t137", "t138", "t139", "t140", "t141", "t142", "t143", "t144", "t145", "t146", "t147", "t148", "t149", "t150", "t151", "t152", "t153", "t154", "t155", "t156", "t157", "t158", "t159", "t160", "t161", "t162", "t163", "t164", "t165", "t166", "t167", "t168", "t169", "t170", "t171", "t172", "t173", "t174", "t175", "t176", "t177", "t178", "t179", "t180", "t181", "t182", "t183", "t184", "t185", "t186", "t187", "t188", "t189", "t190", "t191", "t192", "t193", "t194", "t195", "t196", "t197", "t198", "t199", "t200", "t201", "t202", "t203", "t204", "t205", "t206", "t207", "t208", "t209", "t210", "t211", "t212", "t213", "t214", "t215", "t216", "t217", "t218", "t219", "t220", "t221", "t222", "t223", "t224", "t225", "t226", "t227", "t228", "t229", "t230", "t231", "t232", "t233", "t234", "t235", "t236", "t237", "t238", "t239", "t240", "t241", "t242", "t243", "t244", "t245", "t246", "t247", "t248", "t249", "t250", "t251", "t252", "t253", "t254", "t255", "t256", "t257", "t258", "t259", "t260", "t261", "t262", "t263", "t264", "t265", "t266", "t267", "t268", "t269"],
"smps": ["dim1", "dim2"],
"data": [
[2.079, 2.716],
[1.866, 2.868],
[1.997, 3.126],
[2.19, 2.932],
[1.9, 3.106],
[2.091, 2.993],
[2.054, 3.09],
[2.083, 2.932],
[1.897, 2.928],
[1.961, 3.157],
[1.986, 3.124],
[1.723, 3.228],
[2.205, 3.081],
[1.886, 2.907],
[1.867, 3.157],
[1.974, 3.138],
[2.015, 3.424],
[1.992, 3.096],
[1.773, 3.173],
[2.31, 2.64],
[2.021, 2.845],
[1.98, 2.659],
[2.194, 3.168],
[1.838, 2.997],
[1.898, 3.146],
[2.132, 2.934],
[2.191, 3.156],
[2.088, 2.853],
[1.876, 2.88],
[1.909, 3.11],
[1.854, 2.719],
[1.898, 2.959],
[1.973, 3.211],
[1.843, 3.029],
[1.952, 3.087],
[1.967, 3.122],
[2.191, 3.129],
[1.947, 2.768],
[2.082, 2.893],
[2.092, 3.21],
[2.261, 3.065],
[2.095, 2.883],
[1.888, 3.073],
[1.783, 3.056],
[2.115, 3.046],
[2.06, 3.104],
[2.245, 2.952],
[2.095, 2.832],
[1.918, 3.211],
[2.225, 3.032],
[1.974, 3.019],
[1.663, 2.85],
[1.768, 3.009],
[1.959, 3.026],
[1.803, 2.97],
[2.068, 2.87],
[1.765, 2.906],
[2.071, 2.796],
[1.888, 3.144],
[2.191, 2.975],
[2.241, 3.108],
[2.19, 3.207],
[1.982, 2.753],
[2.098, 3.148],
[2.054, 2.803],
[1.87, 3.198],
[1.637, 2.977],
[1.88, 2.715],
[2.035, 3],
[2.164, 3.207],
[1.989, 3.108],
[1.798, 2.953],
[2.195, 3.185],
[1.789, 2.817],
[2.113, 2.704],
[1.816, 2.94],
[1.589, 2.944],
[2.119, 3.016],
[1.741, 2.927],
[2.151, 2.913],
[2.1, 3.398],
[1.935, 2.79],
[1.979, 3.36],
[2.057, 3.014],
[2.029, 3.134],
[2.021, 2.982],
[2.044, 3.221],
[1.883, 3.06],
[2.242, 3.245],
[2.224, 2.792],
[6.204, 6.77],
[6.026, 7.262],
[5.778, 6.787],
[5.993, 7.02],
[5.944, 6.725],
[6.363, 6.929],
[5.934, 7.071],
[5.724, 6.973],
[5.853, 6.954],
[6.168, 6.925],
[5.718, 6.997],
[6.202, 6.854],
[5.936, 6.877],
[5.798, 7.264],
[6.181, 7.053],
[6.046, 6.982],
[6.048, 6.931],
[6.065, 6.556],
[6.222, 6.86],
[5.658, 7.239],
[5.89, 7.437],
[5.939, 7.068],
[6.121, 7.175],
[5.993, 7.045],
[5.935, 7.121],
[6.327, 7.066],
[5.804, 6.813],
[6.035, 7.29],
[5.931, 6.968],
[5.985, 6.939],
[5.785, 7.091],
[6.093, 6.983],
[5.832, 6.747],
[6.001, 6.915],
[5.644, 7.468],
[6.347, 7.11],
[6.019, 6.853],
[6.36, 7.15],
[5.771, 6.945],
[5.91, 6.953],
[6.24, 7.069],
[6.204, 7.158],
[5.785, 6.879],
[5.868, 6.988],
[6.192, 7.014],
[5.716, 7.05],
[6.08, 6.711],
[6.037, 7.207],
[6.041, 6.867],
[6.32, 7.337],
[5.687, 6.896],
[6.058, 6.893],
[5.728, 6.97],
[5.728, 6.72],
[5.846, 7.261],
[6.27, 6.981],
[5.65, 6.949],
[6.097, 6.78],
[5.598, 7.235],
[5.987, 7.016],
[5.986, 7.041],
[6.213, 6.861],
[5.902, 7.08],
[6.033, 7.167],
[6.089, 7.043],
[6, 6.972],
[6.05, 7.139],
[5.762, 6.981],
[6.154, 7.003],
[6.061, 6.861],
[5.814, 7.175],
[6.147, 7.042],
[5.896, 6.916],
[5.953, 6.941],
[5.929, 7.359],
[6.113, 7.205],
[5.846, 7.01],
[5.801, 6.706],
[6.089, 6.613],
[6.073, 7.1],
[5.933, 7.099],
[6.133, 6.616],
[5.978, 7.061],
[5.976, 7.192],
[6.193, 6.801],
[5.928, 6.728],
[6.071, 7.057],
[5.977, 7.211],
[5.911, 6.96],
[6.158, 7.133],
[8.947, 2.587],
[8.702, 2.604],
[9.176, 2.639],
[8.915, 2.502],
[9.189, 2.469],
[8.916, 2.735],
[8.768, 2.274],
[9.007, 2.502],
[9.107, 2.196],
[9.021, 2.561],
[8.965, 2.333],
[8.918, 2.418],
[9, 2.694],
[9.089, 2.564],
[8.952, 2.683],
[9.005, 2.467],
[9.189, 2.497],
[9.118, 2.465],
[9.09, 2.697],
[9.157, 2.279],
[8.824, 2.718],
[9.052, 2.336],
[9.2, 2.436],
[9.177, 2.18],
[9.266, 2.611],
[9.206, 2.259],
[9.215, 2.7],
[9.087, 2.276],
[8.879, 2.564],
[8.969, 2.344],
[9.211, 2.36],
[8.933, 2.525],
[8.836, 2.682],
[9.206, 2.724],
[9.146, 2.758],
[9.043, 2.686],
[8.921, 2.534],
[9.209, 2.618],
[9.197, 2.38],
[8.861, 2.641],
[8.839, 2.285],
[9.041, 2.487],
[9.131, 2.672],
[9.093, 2.284],
[8.949, 2.427],
[8.748, 2.262],
[8.975, 2.403],
[8.883, 2.487],
[8.961, 2.284],
[8.87, 2.526],
[8.965, 2.524],
[9.089, 2.56],
[8.872, 2.571],
[8.945, 2.519],
[9.047, 2.558],
[8.759, 2.589],
[9.21, 2.587],
[8.829, 2.582],
[9.302, 2.325],
[8.9, 2.466],
[9.214, 2.524],
[9.013, 2.836],
[9.252, 2.329],
[9.011, 2.156],
[8.932, 2.392],
[8.793, 2.714],
[8.865, 2.357],
[8.951, 2.592],
[9.03, 2.208],
[9.081, 2.615],
[8.793, 2.227],
[8.948, 2.348],
[8.876, 2.654],
[9.232, 2.545],
[8.692, 2.656],
[8.867, 2.2],
[8.705, 2.507],
[8.665, 2.174],
[8.842, 2.453],
[9.088, 2.699],
[8.685, 2.53],
[8.888, 2.432],
[9.385, 2.584],
[8.979, 2.35],
[9.276, 2.591],
[8.761, 2.257],
[9.161, 2.389],
[9.355, 2.793],
[8.819, 2.374],
[9.038, 2.731]
]
}
},
config = {
"graphType": "Scatter3D",
"scatterType": "density",
"fxSamples": 60,
"xAxis": ["dim1"],
"yAxis": ["dim2"],
"colorBy": "Y",
"colorSpectrum": ["#440154", "#3b528b", "#21918c", "#5ec962", "#fde725"],
"outline3DColor": "rgba(0,0,0,0)",
"smoothSurface": True,
"title": "Trimodal 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 = "scatter3d10",
data = {
"y": {
"vars": ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7", "t8", "t9", "t10", "t11", "t12", "t13", "t14", "t15", "t16", "t17", "t18", "t19", "t20", "t21", "t22", "t23", "t24", "t25", "t26", "t27", "t28", "t29", "t30", "t31", "t32", "t33", "t34", "t35", "t36", "t37", "t38", "t39", "t40", "t41", "t42", "t43", "t44", "t45", "t46", "t47", "t48", "t49", "t50", "t51", "t52", "t53", "t54", "t55", "t56", "t57", "t58", "t59", "t60", "t61", "t62", "t63", "t64", "t65", "t66", "t67", "t68", "t69", "t70", "t71", "t72", "t73", "t74", "t75", "t76", "t77", "t78", "t79", "t80", "t81", "t82", "t83", "t84", "t85", "t86", "t87", "t88", "t89", "t90", "t91", "t92", "t93", "t94", "t95", "t96", "t97", "t98", "t99", "t100", "t101", "t102", "t103", "t104", "t105", "t106", "t107", "t108", "t109", "t110", "t111", "t112", "t113", "t114", "t115", "t116", "t117", "t118", "t119", "t120", "t121", "t122", "t123", "t124", "t125", "t126", "t127", "t128", "t129", "t130", "t131", "t132", "t133", "t134", "t135", "t136", "t137", "t138", "t139", "t140", "t141", "t142", "t143", "t144", "t145", "t146", "t147", "t148", "t149", "t150", "t151", "t152", "t153", "t154", "t155", "t156", "t157", "t158", "t159", "t160", "t161", "t162", "t163", "t164", "t165", "t166", "t167", "t168", "t169", "t170", "t171", "t172", "t173", "t174", "t175", "t176", "t177", "t178", "t179", "t180", "t181", "t182", "t183", "t184", "t185", "t186", "t187", "t188", "t189", "t190", "t191", "t192", "t193", "t194", "t195", "t196", "t197", "t198", "t199", "t200", "t201", "t202", "t203", "t204", "t205", "t206", "t207", "t208", "t209", "t210", "t211", "t212", "t213", "t214", "t215", "t216", "t217", "t218", "t219", "t220", "t221", "t222", "t223", "t224", "t225", "t226", "t227", "t228", "t229", "t230", "t231", "t232", "t233", "t234", "t235", "t236", "t237", "t238", "t239", "t240", "t241", "t242", "t243", "t244", "t245", "t246", "t247", "t248", "t249", "t250", "t251", "t252", "t253", "t254", "t255", "t256", "t257", "t258", "t259", "t260", "t261", "t262", "t263", "t264", "t265", "t266", "t267", "t268", "t269"],
"smps": ["dim1", "dim2"],
"data": [
[2.079, 2.716],
[1.866, 2.868],
[1.997, 3.126],
[2.19, 2.932],
[1.9, 3.106],
[2.091, 2.993],
[2.054, 3.09],
[2.083, 2.932],
[1.897, 2.928],
[1.961, 3.157],
[1.986, 3.124],
[1.723, 3.228],
[2.205, 3.081],
[1.886, 2.907],
[1.867, 3.157],
[1.974, 3.138],
[2.015, 3.424],
[1.992, 3.096],
[1.773, 3.173],
[2.31, 2.64],
[2.021, 2.845],
[1.98, 2.659],
[2.194, 3.168],
[1.838, 2.997],
[1.898, 3.146],
[2.132, 2.934],
[2.191, 3.156],
[2.088, 2.853],
[1.876, 2.88],
[1.909, 3.11],
[1.854, 2.719],
[1.898, 2.959],
[1.973, 3.211],
[1.843, 3.029],
[1.952, 3.087],
[1.967, 3.122],
[2.191, 3.129],
[1.947, 2.768],
[2.082, 2.893],
[2.092, 3.21],
[2.261, 3.065],
[2.095, 2.883],
[1.888, 3.073],
[1.783, 3.056],
[2.115, 3.046],
[2.06, 3.104],
[2.245, 2.952],
[2.095, 2.832],
[1.918, 3.211],
[2.225, 3.032],
[1.974, 3.019],
[1.663, 2.85],
[1.768, 3.009],
[1.959, 3.026],
[1.803, 2.97],
[2.068, 2.87],
[1.765, 2.906],
[2.071, 2.796],
[1.888, 3.144],
[2.191, 2.975],
[2.241, 3.108],
[2.19, 3.207],
[1.982, 2.753],
[2.098, 3.148],
[2.054, 2.803],
[1.87, 3.198],
[1.637, 2.977],
[1.88, 2.715],
[2.035, 3],
[2.164, 3.207],
[1.989, 3.108],
[1.798, 2.953],
[2.195, 3.185],
[1.789, 2.817],
[2.113, 2.704],
[1.816, 2.94],
[1.589, 2.944],
[2.119, 3.016],
[1.741, 2.927],
[2.151, 2.913],
[2.1, 3.398],
[1.935, 2.79],
[1.979, 3.36],
[2.057, 3.014],
[2.029, 3.134],
[2.021, 2.982],
[2.044, 3.221],
[1.883, 3.06],
[2.242, 3.245],
[2.224, 2.792],
[6.204, 6.77],
[6.026, 7.262],
[5.778, 6.787],
[5.993, 7.02],
[5.944, 6.725],
[6.363, 6.929],
[5.934, 7.071],
[5.724, 6.973],
[5.853, 6.954],
[6.168, 6.925],
[5.718, 6.997],
[6.202, 6.854],
[5.936, 6.877],
[5.798, 7.264],
[6.181, 7.053],
[6.046, 6.982],
[6.048, 6.931],
[6.065, 6.556],
[6.222, 6.86],
[5.658, 7.239],
[5.89, 7.437],
[5.939, 7.068],
[6.121, 7.175],
[5.993, 7.045],
[5.935, 7.121],
[6.327, 7.066],
[5.804, 6.813],
[6.035, 7.29],
[5.931, 6.968],
[5.985, 6.939],
[5.785, 7.091],
[6.093, 6.983],
[5.832, 6.747],
[6.001, 6.915],
[5.644, 7.468],
[6.347, 7.11],
[6.019, 6.853],
[6.36, 7.15],
[5.771, 6.945],
[5.91, 6.953],
[6.24, 7.069],
[6.204, 7.158],
[5.785, 6.879],
[5.868, 6.988],
[6.192, 7.014],
[5.716, 7.05],
[6.08, 6.711],
[6.037, 7.207],
[6.041, 6.867],
[6.32, 7.337],
[5.687, 6.896],
[6.058, 6.893],
[5.728, 6.97],
[5.728, 6.72],
[5.846, 7.261],
[6.27, 6.981],
[5.65, 6.949],
[6.097, 6.78],
[5.598, 7.235],
[5.987, 7.016],
[5.986, 7.041],
[6.213, 6.861],
[5.902, 7.08],
[6.033, 7.167],
[6.089, 7.043],
[6, 6.972],
[6.05, 7.139],
[5.762, 6.981],
[6.154, 7.003],
[6.061, 6.861],
[5.814, 7.175],
[6.147, 7.042],
[5.896, 6.916],
[5.953, 6.941],
[5.929, 7.359],
[6.113, 7.205],
[5.846, 7.01],
[5.801, 6.706],
[6.089, 6.613],
[6.073, 7.1],
[5.933, 7.099],
[6.133, 6.616],
[5.978, 7.061],
[5.976, 7.192],
[6.193, 6.801],
[5.928, 6.728],
[6.071, 7.057],
[5.977, 7.211],
[5.911, 6.96],
[6.158, 7.133],
[8.947, 2.587],
[8.702, 2.604],
[9.176, 2.639],
[8.915, 2.502],
[9.189, 2.469],
[8.916, 2.735],
[8.768, 2.274],
[9.007, 2.502],
[9.107, 2.196],
[9.021, 2.561],
[8.965, 2.333],
[8.918, 2.418],
[9, 2.694],
[9.089, 2.564],
[8.952, 2.683],
[9.005, 2.467],
[9.189, 2.497],
[9.118, 2.465],
[9.09, 2.697],
[9.157, 2.279],
[8.824, 2.718],
[9.052, 2.336],
[9.2, 2.436],
[9.177, 2.18],
[9.266, 2.611],
[9.206, 2.259],
[9.215, 2.7],
[9.087, 2.276],
[8.879, 2.564],
[8.969, 2.344],
[9.211, 2.36],
[8.933, 2.525],
[8.836, 2.682],
[9.206, 2.724],
[9.146, 2.758],
[9.043, 2.686],
[8.921, 2.534],
[9.209, 2.618],
[9.197, 2.38],
[8.861, 2.641],
[8.839, 2.285],
[9.041, 2.487],
[9.131, 2.672],
[9.093, 2.284],
[8.949, 2.427],
[8.748, 2.262],
[8.975, 2.403],
[8.883, 2.487],
[8.961, 2.284],
[8.87, 2.526],
[8.965, 2.524],
[9.089, 2.56],
[8.872, 2.571],
[8.945, 2.519],
[9.047, 2.558],
[8.759, 2.589],
[9.21, 2.587],
[8.829, 2.582],
[9.302, 2.325],
[8.9, 2.466],
[9.214, 2.524],
[9.013, 2.836],
[9.252, 2.329],
[9.011, 2.156],
[8.932, 2.392],
[8.793, 2.714],
[8.865, 2.357],
[8.951, 2.592],
[9.03, 2.208],
[9.081, 2.615],
[8.793, 2.227],
[8.948, 2.348],
[8.876, 2.654],
[9.232, 2.545],
[8.692, 2.656],
[8.867, 2.2],
[8.705, 2.507],
[8.665, 2.174],
[8.842, 2.453],
[9.088, 2.699],
[8.685, 2.53],
[8.888, 2.432],
[9.385, 2.584],
[8.979, 2.35],
[9.276, 2.591],
[8.761, 2.257],
[9.161, 2.389],
[9.355, 2.793],
[8.819, 2.374],
[9.038, 2.731]
]
}
},
config = {
"graphType": "Scatter3D",
"scatterType": "density",
"fxSamples": 60,
"xAxis": ["dim1"],
"yAxis": ["dim2"],
"colorBy": "Y",
"colorSpectrum": ["#440154", "#3b528b", "#21918c", "#5ec962", "#fde725"],
"outline3DColor": "rgba(0,0,0,0)",
"smoothSurface": True,
"title": "Trimodal Density Surface (Scatter3D)"
},
width = 600,
height = 600
)
)
using CanvasXpress
canvasxpress(Dict(
"y" => Dict(
"vars" => ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7", "t8", "t9", "t10", "t11", "t12", "t13", "t14", "t15", "t16", "t17", "t18", "t19", "t20", "t21", "t22", "t23", "t24", "t25", "t26", "t27", "t28", "t29", "t30", "t31", "t32", "t33", "t34", "t35", "t36", "t37", "t38", "t39", "t40", "t41", "t42", "t43", "t44", "t45", "t46", "t47", "t48", "t49", "t50", "t51", "t52", "t53", "t54", "t55", "t56", "t57", "t58", "t59", "t60", "t61", "t62", "t63", "t64", "t65", "t66", "t67", "t68", "t69", "t70", "t71", "t72", "t73", "t74", "t75", "t76", "t77", "t78", "t79", "t80", "t81", "t82", "t83", "t84", "t85", "t86", "t87", "t88", "t89", "t90", "t91", "t92", "t93", "t94", "t95", "t96", "t97", "t98", "t99", "t100", "t101", "t102", "t103", "t104", "t105", "t106", "t107", "t108", "t109", "t110", "t111", "t112", "t113", "t114", "t115", "t116", "t117", "t118", "t119", "t120", "t121", "t122", "t123", "t124", "t125", "t126", "t127", "t128", "t129", "t130", "t131", "t132", "t133", "t134", "t135", "t136", "t137", "t138", "t139", "t140", "t141", "t142", "t143", "t144", "t145", "t146", "t147", "t148", "t149", "t150", "t151", "t152", "t153", "t154", "t155", "t156", "t157", "t158", "t159", "t160", "t161", "t162", "t163", "t164", "t165", "t166", "t167", "t168", "t169", "t170", "t171", "t172", "t173", "t174", "t175", "t176", "t177", "t178", "t179", "t180", "t181", "t182", "t183", "t184", "t185", "t186", "t187", "t188", "t189", "t190", "t191", "t192", "t193", "t194", "t195", "t196", "t197", "t198", "t199", "t200", "t201", "t202", "t203", "t204", "t205", "t206", "t207", "t208", "t209", "t210", "t211", "t212", "t213", "t214", "t215", "t216", "t217", "t218", "t219", "t220", "t221", "t222", "t223", "t224", "t225", "t226", "t227", "t228", "t229", "t230", "t231", "t232", "t233", "t234", "t235", "t236", "t237", "t238", "t239", "t240", "t241", "t242", "t243", "t244", "t245", "t246", "t247", "t248", "t249", "t250", "t251", "t252", "t253", "t254", "t255", "t256", "t257", "t258", "t259", "t260", "t261", "t262", "t263", "t264", "t265", "t266", "t267", "t268", "t269"],
"smps" => ["dim1", "dim2"],
"data" => [
[2.079, 2.716],
[1.866, 2.868],
[1.997, 3.126],
[2.19, 2.932],
[1.9, 3.106],
[2.091, 2.993],
[2.054, 3.09],
[2.083, 2.932],
[1.897, 2.928],
[1.961, 3.157],
[1.986, 3.124],
[1.723, 3.228],
[2.205, 3.081],
[1.886, 2.907],
[1.867, 3.157],
[1.974, 3.138],
[2.015, 3.424],
[1.992, 3.096],
[1.773, 3.173],
[2.31, 2.64],
[2.021, 2.845],
[1.98, 2.659],
[2.194, 3.168],
[1.838, 2.997],
[1.898, 3.146],
[2.132, 2.934],
[2.191, 3.156],
[2.088, 2.853],
[1.876, 2.88],
[1.909, 3.11],
[1.854, 2.719],
[1.898, 2.959],
[1.973, 3.211],
[1.843, 3.029],
[1.952, 3.087],
[1.967, 3.122],
[2.191, 3.129],
[1.947, 2.768],
[2.082, 2.893],
[2.092, 3.21],
[2.261, 3.065],
[2.095, 2.883],
[1.888, 3.073],
[1.783, 3.056],
[2.115, 3.046],
[2.06, 3.104],
[2.245, 2.952],
[2.095, 2.832],
[1.918, 3.211],
[2.225, 3.032],
[1.974, 3.019],
[1.663, 2.85],
[1.768, 3.009],
[1.959, 3.026],
[1.803, 2.97],
[2.068, 2.87],
[1.765, 2.906],
[2.071, 2.796],
[1.888, 3.144],
[2.191, 2.975],
[2.241, 3.108],
[2.19, 3.207],
[1.982, 2.753],
[2.098, 3.148],
[2.054, 2.803],
[1.87, 3.198],
[1.637, 2.977],
[1.88, 2.715],
[2.035, 3],
[2.164, 3.207],
[1.989, 3.108],
[1.798, 2.953],
[2.195, 3.185],
[1.789, 2.817],
[2.113, 2.704],
[1.816, 2.94],
[1.589, 2.944],
[2.119, 3.016],
[1.741, 2.927],
[2.151, 2.913],
[2.1, 3.398],
[1.935, 2.79],
[1.979, 3.36],
[2.057, 3.014],
[2.029, 3.134],
[2.021, 2.982],
[2.044, 3.221],
[1.883, 3.06],
[2.242, 3.245],
[2.224, 2.792],
[6.204, 6.77],
[6.026, 7.262],
[5.778, 6.787],
[5.993, 7.02],
[5.944, 6.725],
[6.363, 6.929],
[5.934, 7.071],
[5.724, 6.973],
[5.853, 6.954],
[6.168, 6.925],
[5.718, 6.997],
[6.202, 6.854],
[5.936, 6.877],
[5.798, 7.264],
[6.181, 7.053],
[6.046, 6.982],
[6.048, 6.931],
[6.065, 6.556],
[6.222, 6.86],
[5.658, 7.239],
[5.89, 7.437],
[5.939, 7.068],
[6.121, 7.175],
[5.993, 7.045],
[5.935, 7.121],
[6.327, 7.066],
[5.804, 6.813],
[6.035, 7.29],
[5.931, 6.968],
[5.985, 6.939],
[5.785, 7.091],
[6.093, 6.983],
[5.832, 6.747],
[6.001, 6.915],
[5.644, 7.468],
[6.347, 7.11],
[6.019, 6.853],
[6.36, 7.15],
[5.771, 6.945],
[5.91, 6.953],
[6.24, 7.069],
[6.204, 7.158],
[5.785, 6.879],
[5.868, 6.988],
[6.192, 7.014],
[5.716, 7.05],
[6.08, 6.711],
[6.037, 7.207],
[6.041, 6.867],
[6.32, 7.337],
[5.687, 6.896],
[6.058, 6.893],
[5.728, 6.97],
[5.728, 6.72],
[5.846, 7.261],
[6.27, 6.981],
[5.65, 6.949],
[6.097, 6.78],
[5.598, 7.235],
[5.987, 7.016],
[5.986, 7.041],
[6.213, 6.861],
[5.902, 7.08],
[6.033, 7.167],
[6.089, 7.043],
[6, 6.972],
[6.05, 7.139],
[5.762, 6.981],
[6.154, 7.003],
[6.061, 6.861],
[5.814, 7.175],
[6.147, 7.042],
[5.896, 6.916],
[5.953, 6.941],
[5.929, 7.359],
[6.113, 7.205],
[5.846, 7.01],
[5.801, 6.706],
[6.089, 6.613],
[6.073, 7.1],
[5.933, 7.099],
[6.133, 6.616],
[5.978, 7.061],
[5.976, 7.192],
[6.193, 6.801],
[5.928, 6.728],
[6.071, 7.057],
[5.977, 7.211],
[5.911, 6.96],
[6.158, 7.133],
[8.947, 2.587],
[8.702, 2.604],
[9.176, 2.639],
[8.915, 2.502],
[9.189, 2.469],
[8.916, 2.735],
[8.768, 2.274],
[9.007, 2.502],
[9.107, 2.196],
[9.021, 2.561],
[8.965, 2.333],
[8.918, 2.418],
[9, 2.694],
[9.089, 2.564],
[8.952, 2.683],
[9.005, 2.467],
[9.189, 2.497],
[9.118, 2.465],
[9.09, 2.697],
[9.157, 2.279],
[8.824, 2.718],
[9.052, 2.336],
[9.2, 2.436],
[9.177, 2.18],
[9.266, 2.611],
[9.206, 2.259],
[9.215, 2.7],
[9.087, 2.276],
[8.879, 2.564],
[8.969, 2.344],
[9.211, 2.36],
[8.933, 2.525],
[8.836, 2.682],
[9.206, 2.724],
[9.146, 2.758],
[9.043, 2.686],
[8.921, 2.534],
[9.209, 2.618],
[9.197, 2.38],
[8.861, 2.641],
[8.839, 2.285],
[9.041, 2.487],
[9.131, 2.672],
[9.093, 2.284],
[8.949, 2.427],
[8.748, 2.262],
[8.975, 2.403],
[8.883, 2.487],
[8.961, 2.284],
[8.87, 2.526],
[8.965, 2.524],
[9.089, 2.56],
[8.872, 2.571],
[8.945, 2.519],
[9.047, 2.558],
[8.759, 2.589],
[9.21, 2.587],
[8.829, 2.582],
[9.302, 2.325],
[8.9, 2.466],
[9.214, 2.524],
[9.013, 2.836],
[9.252, 2.329],
[9.011, 2.156],
[8.932, 2.392],
[8.793, 2.714],
[8.865, 2.357],
[8.951, 2.592],
[9.03, 2.208],
[9.081, 2.615],
[8.793, 2.227],
[8.948, 2.348],
[8.876, 2.654],
[9.232, 2.545],
[8.692, 2.656],
[8.867, 2.2],
[8.705, 2.507],
[8.665, 2.174],
[8.842, 2.453],
[9.088, 2.699],
[8.685, 2.53],
[8.888, 2.432],
[9.385, 2.584],
[8.979, 2.35],
[9.276, 2.591],
[8.761, 2.257],
[9.161, 2.389],
[9.355, 2.793],
[8.819, 2.374],
[9.038, 2.731]
]
)
);
graphType = "Scatter3D",
scatterType = "density",
fxSamples = 60,
xAxis = ["dim1"],
yAxis = ["dim2"],
colorBy = "Y",
colorSpectrum = ["#440154", "#3b528b", "#21918c", "#5ec962", "#fde725"],
outline3DColor = "rgba(0,0,0,0)",
smoothSurface = true,
title = "Trimodal Density Surface (Scatter3D)"
)










