-
-
Notifications
You must be signed in to change notification settings - Fork 544
/
Copy pathindex.html
1176 lines (770 loc) · 106 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html>
<head>
<!-- This page was last built at 2025-04-22 14:08 -->
<meta charset="utf-8" />
<link rel="canonical" href="https://plotly.com/julia/3d-axes/" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,500&display=swap" rel="stylesheet" />
<!-- Media query magic - http://stackoverflow.com/questions/19945658/my-iphone-thinks-its-980px-wide -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="/all_static/javascripts/algolia/instantsearch.js"></script>
<script src="/all_static/javascripts/algolia/polyfill.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script>
const theme = localStorage.getItem('theme');
if (theme === "dark-mode") {
var root = document.getElementsByTagName('html')[0]; // '0' to assign the first (and only `HTML` tag)
root.setAttribute('class', 'dark-mode');
}
</script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" crossorigin="anonymous"></script>
<link href="https://esm.sh/@markprompt/css@0.18.0?css" rel="stylesheet" />
<link href="/all_static/css/markprompt.css" rel="stylesheet" />
<!-- code highlighting -->
<!-- <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.8.0/highlight.min.js"></script>
<script>
hljs.initHighlightingOnLoad();
</script>-->
<!-- Mathjax -->
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML"></script>
<!-- Plotly.js -->
<script src="https://cdn.plot.ly/plotly-3.0.1.min.js"></script>
<!--
//// Stylesheets
-->
<!-- Fonts -->
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic|Ubuntu+Mono:400,700|Asap" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
<!-- Main Stylesheets -->
<link rel="stylesheet" type="text/css" href="/all_static/css/main.css?version=false" />
<link rel="stylesheet" type="text/css" href="/all_static/css/improve.css?version=2025-04-22-14-08">
<!-- LOCAL DEV STYLESHEET -->
<!--<link rel="stylesheet" type="text/css" href="http://api.plotly.dev/all_static/css/main.css">-->
<!-- Icon -->
<link rel="shortcut icon" href="https://dash.plotly.com/assets/favicon.ico" />
<!-- Google Tags-->
<!-- Google Tag Manager Tag -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-N6T2RXG');</script>
<!-- META TAGS -->
<!-- Capture language -->
<!-- Create a title -->
<!-- Count number of plots on the page -->
<!-- SEO Tags - title, meta_description -->
<title>
3d axes in Julia
</title>
<meta name="description" content="Detailed examples of 3D Axes including changing color, size, log axes, and more in Julia.">
<!-- Bing tags -->
<meta name="msvalidate.01" content="D319859A832F9F1D15A7646E2A42150A" />
<!-- Facebook tags -->
<meta property="og:title" content=
3d axes in Julia
/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="https://images.plot.ly/plotly-documentation/thumbnail/3d-axes.png">
<meta property="og:description" content="Detailed examples of 3D Axes including changing color, size, log axes, and more in Julia."/>
<meta property="og:url" />
<meta property="fb:admins" content="1123751525"/>
<meta property="fb:admins" content="22418"/>
<!-- twitter tags -->
<meta name="twitter:card" content="photo" />
<meta name="twitter:title" content=
3d axes in Julia
/>
<meta name="twitter:url" content="https://plotly.com/julia/3d-axes/"/>
<meta name="twitter:description" content="Detailed examples of 3D Axes including changing color, size, log axes, and more in Julia."/>
<meta name="twitter:image" content="https://images.plot.ly/plotly-documentation/thumbnail/3d-axes.png">
<meta name="twitter:site" content="@plotlygraphs"/>
</head>
<body data-spy="scroll" data-target=".watch" style="position:relative;" class="darkmode">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N6T2RXG"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!--[if lt IE 10]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
your browser</a> to improve your experience.</p>
<![endif]-->
<div class="menu-mobile">
<div class="switch-mode">
<div class="icon-dark"></div>
<div class="switch"></div>
<div class="icon-light"></div>
</div>
<div class="close-menu"></div>
<ul>
<li><a style="font-weight: bold;"
href="https://community.plotly.com/c/plotly-r-matlab-julia-net/29">Forum</a>
</li>
<li><a style="font-weight: bold;" href="https://plotly.com/get-pricing/">Pricing</a></li>
<li><a style="font-weight: bold;" href="https://dash.plotly.com">Dash</a></li>
<!--<li><a style="font-weight: bold;" href="http://plotly.cloud">Dash Cloud</a></li>-->
</ul>
</div>
<div class="header-container">
<header class="header-main --default">
<div class="--wrap">
<div class="--wrap-left">
<div class="-identity">
<a href="https://plotly.com/"><img src="/all_static/images/graphing_library_dark.svg"
style="height: 30px;" class="logo-dark"></a>
<a href="/graphing-libraries/"><img src="/all_static/images/graphing_library.svg"
style="height: 30px;" class="logo-white"></a>
</div>
</div>
<div class="--wrap-right">
<nav class="--nav-meta" role="navigation">
<ul>
<li class="languages">
<a class="julia">
<div class="icon"></div>
Julia
</a>
<ul>
<li>
<a href="https://plotly.com/python/" class="python">
<div class="icon"></div>Python (v6.0.1)
</a>
</li>
<li>
<a href="https://plotly.com/r/" class="r">
<div class="icon"></div>R
</a>
</li>
<li>
<a href="https://plotly.com/julia/" class="julia">
<div class="icon"></div>Julia
</a>
</li>
<li>
<a href="https://plotly.com/javascript/" class="plotly_js">
<div class="icon"></div>Javascript (v3.0.1)
</a>
</li>
<li>
<a href="https://plotly.com/ggplot2/" class="ggplot2">
<div class="icon"></div>ggplot2
</a>
</li>
<li>
<a href="https://plotly.com/matlab/" class="matlab">
<div class="icon"></div>MATLAB
</a>
</li>
<li>
<a href="https://plotly.com/fsharp/" class="fsharp">
<div class="icon"></div>F#
</a>
</li>
<li>
<a href="https://dash.plotly.com/" class="dash">
<div class="icon"></div>Dash
</a>
</li>
</ul>
</li>
<li><a style="font-weight: bold;"
href="https://community.plotly.com/c/plotly-r-matlab-julia-net/29">Forum</a>
</li>
<li><a style="font-weight: bold;" href="https://plotly.com/get-pricing/">Pricing</a></li>
<li><a style="font-weight: bold;" href="https://dash.plotly.com">Dash</a></li>
<!--<li><a style="font-weight: bold;" href="http://plotly.cloud">Dash Cloud</a></li>-->
<iframe
src="https://ghbtns.com/github-btn.html?user=JuliaPlots&repo=PlotlyJS.jl&type=star&count=true&size=large"
style="padding-top: 5px;" frameborder="0" scrolling="0" width="160px"
height="40px"></iframe>
</ul>
<div class="switch-mode">
<div class="icon-dark"></div>
<div class="switch"></div>
<div class="icon-light"></div>
</div>
</nav>
</div>
<div class="menu-icon">
<span></span><span></span><span></span>
</div>
</div>
</header>
</div>
<main class="--page page--single --index">
<div class="--wrap">
<!-- aside - Main Sidebar-->
<!-- START OF GGPLOT CUSTOM LAYOUT -->
<aside class="--sidebar-container">
<div class="--sidebar-fixed reference" data-spy="affix" id="where">
<div class="brand">
<a href="/graphing-libraries/"><img src="/all_static/images/graphing_library.svg" style="height: 30px;"></a>
</div>
<button id="modal-button" type="button" data-toggle="modal" data-target="#myModal">
<input id="modal-input" style="border-radius: 5px; width: 100%;" type="text" placeholder=" Search..."
readonly />
</button>
<details style="color: white;margin-top: 20px;" >
<summary>Quick Reference</summary>
<nav class="--sidebar-body watch" id="where">
<ul class="--sidebar-list" style="margin-left: 15px;">
<!-- Getting Started -->
<li class="--sidebar-item">
<a href="/julia/getting-started" class="js-splash--navigation-item">Getting Started</a>
</li>
<!-- Reference Pages -->
<li class="--sidebar-item">
<a href="/julia/reference/index/" class="js-splash--navigation-item">Figure Reference</a>
</li>
<!-- Python Specific -->
<!-- JS Specific -->
<!-- R Specific -->
<!-- Python/v3 Index Page Specific -->
<!-- User Guides -->
<!-- Github Links -->
<li class="--sidebar-item">
<a target="_blank" href="https://github.com/JuliaPlots/PlotlyJS.jl"
class="js-splash--navigation-item">GitHub</a>
</li>
<li class="--sidebar-item">
<a target="_blank" href="http://community.plotly.com/"
class="js-splash--navigation-item">community.plotly.com</a>
</li>
</ul>
</nav>
</details>
<details style="color: white;margin-top: 20px;" open>
<summary>On This Page</summary>
<nav class="--sidebar-body watch" id="where">
<ul class="--sidebar-list" id="nav_header_insertion_list"></ul>
</nav>
</details>
</div>
<a href="https://plotly.com/product-tour/?utm_medium=graphing_libraries&utm_content=sidebar" target="_blank">
<img src="https://images.prismic.io/plotly-marketing-website-2/aAF7-uvxEdbNPNis_app-studio-1-.jpg?auto=format,compress"
style="width: 200px; height: 200px; position: fixed; bottom: 10px; left: 50px" alt="See how to build beautiful data apps with Plotly Dash Enterprise">
</a>
</aside>
<!-- Main-->
<section class="--page-body --tutorial-index --base">
<header class="--welcome">
<div class="--welcome-body">
<!--div.--wrap-inner-->
<div class="--title">
<div class="--body">
<div class="nav-breadcrumb-container">
<div>
<div class="breadcrumb-nav">
<a href="/julia">
Julia
</a>
> <a href="/julia/3d-charts">3D Charts</a>
> <span>3D Axes</span>
</div>
</div>
<div class="nav-breadcrumb-right">
<div class="--fork">
<a id="forklink" href= "https://github.com/plotly/plotlyjs.jl-docs/edit/master/julia/3d-axes.md" >
<div class="icon">
<svg style="width:20px;height:20px" viewbox="0 0 24 24">
<path fill="#000000"
d="M2.6,10.59L8.38,4.8L10.07,6.5C9.83,7.35 10.22,8.28 11,8.73V14.27C10.4,14.61 10,15.26 10,16A2,2 0 0,0 12,18A2,2 0 0,0 14,16C14,15.26 13.6,14.61 13,14.27V9.41L15.07,11.5C15,11.65 15,11.82 15,12A2,2 0 0,0 17,14A2,2 0 0,0 19,12A2,2 0 0,0 17,10C16.82,10 16.65,10 16.5,10.07L13.93,7.5C14.19,6.57 13.71,5.55 12.78,5.16C12.35,5 11.9,4.96 11.5,5.07L9.8,3.38L10.59,2.6C11.37,1.81 12.63,1.81 13.41,2.6L21.4,10.59C22.19,11.37 22.19,12.63 21.4,13.41L13.41,21.4C12.63,22.19 11.37,22.19 10.59,21.4L2.6,13.41C1.81,12.63 1.81,11.37 2.6,10.59Z">
</path>
</svg>
</div>
<span>Suggest an edit to this page</span>
</a>
</div>
</div>
</div>
<h1>
3D Axes
in
Julia
</h1>
<p>How to format axes of 3d plots in Julia with Plotly. </p>
<br>
<!--
<div class="db-client-lib">
<label>
This page in another language
</label>
<div class="list-lib-wrap">
<div class="list-lib">
<a href=" /julia/3d-axes/" class="current list-lib-item julia">
<div class="item-icon">
</div>
<p class="item-language">
Julia
</p>
</a>
<a href=" /python/3d-axes/" class="list-lib-item python">
<div class="item-icon">
</div>
<p class="item-language">
Python
</p>
</a>
<a href=" /fsharp/3d-axes/" class="list-lib-item fsharp">
<div class="item-icon">
</div>
<p class="item-language">
F#
</p>
</a>
<a href=" /r/3d-axes/" class="list-lib-item r">
<div class="item-icon">
</div>
<p class="item-language">
R
</p>
</a>
</div>
</div>
</div>
-->
</div>
</div>
</div>
</header>
<!-- Start Plotly Basics Section -->
<section class="tutorial-content">
<div class="rendered rendered_html">
<h3>Range of axes</h3>
<p>3D figures have an attribute in <code>layout</code> called <code>scene</code>, which contains attributes such as <code>xaxis</code>, <code>yaxis</code> and <code>zaxis</code> parameters, in order to set the range, title, ticks, color etc. of the axes.</p>
<p><!– For creating 3D charts, see <a href="https://plotly.com/julia/3d-charts/">this page</a>. –></p>
<pre><code class="language-julia">using PlotlyJS
N = 70
layout = Layout(
scene=attr(
xaxis=attr(
nticks=4,
range=[-100,100]
),
yaxis=attr(
nticks=4,
range=[-50,100]
),
zaxis=attr(
nticks=4,
range=[-100,100]
),
),
width=700,
margin=attr(
r=20,
l=10,
b=10,
t=10
),
)
plot(mesh3d(
x=(70 .* randn(N)),
y=(55 .* randn(N)),
z=(40 .* randn(N)),
color="rgba(244,22,100,0.6)"
),
layout,
)</code></pre>
<div>
<div
id=7d68cd5b-1193-4430-91bc-096ee675ba50
class="plotly-graph-div"
style="height:100%; width:700;">
</div>
<script type="text/javascript">
require(["plotly"], function(Plotly) {
window.PLOTLYENV = window.PLOTLYENV || {}
if (document.getElementById('7d68cd5b-1193-4430-91bc-096ee675ba50')) {
Plotly.newPlot(
'7d68cd5b-1193-4430-91bc-096ee675ba50',
[{"color":"rgba(244,22,100,0.6)","y":[-35.74000616261839,-5.96077279978397,-46.09396554713652,-22.160195413388205,-17.774347348714482,33.91201221235653,36.25174533521705,34.97120675862453,-131.34408227369482,-13.587119238740657,-61.273909275725345,72.85454772904113,-18.97066305338713,-70.84288800870736,-123.01084050387644,-82.45851909473812,7.871981930690366,84.85276428047223,43.581775660680925,-101.1627859847442,100.05179560135993,55.10476221635892,-9.009920299039898,-95.03355567032149,-34.37269835142028,108.26468134923054,106.9748919402499,-2.7659832961020276,38.76909513863421,13.951670262953714,-11.926616107428071,-42.74543701686915,-17.35792306550206,15.754384453471857,50.56369798322205,-33.39630916849436,26.581277251074866,-66.75585793907815,-71.90601868648487,26.44978315377815,-10.250107344829352,61.09960575031055,56.62607674441131,-121.72937679392224,92.00566031394251,-10.870839817520897,-1.9416442647269112,35.823141952938435,142.588897980295,57.78747656323303,37.64611712710945,-5.332502973346015,12.914523575204143,104.45822885904532,-23.819280781859153,44.468382896706416,20.61004517272661,47.510517972355956,-19.165261960122535,-66.68302504255415,-22.720585082199243,-107.35121944924525,42.473429722170756,26.630712095580982,-12.78502966398709,0.9228285218718272,-79.83878977639337,12.639311958775497,60.01388181281542,-0.3711859995024397],"type":"mesh3d","z":[-12.402351071341275,-59.99792923980776,22.520978074054003,26.707303286852827,40.02684116483166,10.02927812378392,2.272766211755858,37.07991894855062,53.083110326935454,-2.4797788049264167,91.36403040160752,-7.2223279465693215,10.188955664730784,-4.097589244877163,-84.58333962963523,-22.133739890029634,3.283271309057261,21.872040992896554,-47.05609448014954,20.11999460526556,-59.31706848460883,-48.364008332779356,-38.74063863049403,-28.717112026405765,-41.05038450996926,90.40758244142289,23.921597529403236,35.84604046834849,17.6350569608483,-23.255317253229496,17.065136672282108,-3.724592908247244,-3.456234223451367,-43.72140533418999,3.096229262928372,63.56029455278136,16.601775028550176,-114.17936541173549,-4.289865671659154,70.38694666618683,4.432473170592579,15.704693872546978,38.575908261326106,8.615663092202697,23.213934057902094,-23.662048594509677,-44.73130753479886,36.72865069168927,-8.762472611230885,-33.61450837606444,-4.620368270914181,-8.228384494439057,19.936917620335056,-20.252981699449755,49.02212099056703,-36.895680781222744,-14.34929538923731,-21.018689451832508,-17.987946680334307,25.521748867770174,12.737434633353491,20.294308217186096,-19.99053010212298,78.59817681269048,25.422451751982393,-19.61265080049293,5.5772974546866285,-24.389177945154856,17.279211606826962,16.678153217502704],"x":[11.998539606461277,-23.56777466955341,-141.20032862732734,2.6556612631997996,-64.93919799013356,38.37271450826944,55.216516261795796,-17.574710500692277,23.098044340762133,49.326579160890105,143.6936044340768,55.73618749038711,66.48213670152414,8.962934167843454,9.836080108041292,191.10679651484278,29.80726564761615,-12.185647486236462,28.23143506752192,13.005654033411073,0.3099454555878975,26.061905093740386,-16.393338085344432,-46.5126461829752,-113.06513268821031,33.53969503971959,32.66422817862448,60.22818273974656,8.791416934098029,81.04665568937409,-92.37609379885971,-68.99907925666584,-17.204861217026988,-25.464495794418102,100.400667390178,-49.74360475208521,-31.60290256316558,61.59556823098465,84.78086889939331,0.12707925487423835,65.53876110810516,-1.5840614141461546,26.57435370960895,-24.75410529240556,13.7378145316599,74.30238695026422,52.034614768849,-69.0403614810371,-16.861442160137628,56.46969663143263,65.93639327216384,33.29914398735755,-62.703461372503845,-26.51929880621832,22.994605933881168,-117.15269884636537,-16.044180038151207,-22.171159853611883,95.12859541896913,-54.95291722212177,-67.03670038758843,26.170227244756187,33.828357312378444,-125.23942172011957,37.44221150081031,-18.87132585517284,42.501997834440786,-34.21034702632928,-19.921794213918833,30.687028878208295]}],
{"template":{"layout":{"coloraxis":{"colorbar":{"ticks":"","outlinewidth":0}},"xaxis":{"gridcolor":"white","zerolinewidth":2,"title":{"standoff":15},"ticks":"","zerolinecolor":"white","automargin":true,"linecolor":"white"},"hovermode":"closest","paper_bgcolor":"white","geo":{"showlakes":true,"showland":true,"landcolor":"#E5ECF6","bgcolor":"white","subunitcolor":"white","lakecolor":"white"},"colorscale":{"sequential":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]],"diverging":[[0,"#8e0152"],[0.1,"#c51b7d"],[0.2,"#de77ae"],[0.3,"#f1b6da"],[0.4,"#fde0ef"],[0.5,"#f7f7f7"],[0.6,"#e6f5d0"],[0.7,"#b8e186"],[0.8,"#7fbc41"],[0.9,"#4d9221"],[1,"#276419"]],"sequentialminus":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]},"yaxis":{"gridcolor":"white","zerolinewidth":2,"title":{"standoff":15},"ticks":"","zerolinecolor":"white","automargin":true,"linecolor":"white"},"shapedefaults":{"line":{"color":"#2a3f5f"}},"hoverlabel":{"align":"left"},"mapbox":{"style":"light"},"polar":{"angularaxis":{"gridcolor":"white","ticks":"","linecolor":"white"},"bgcolor":"#E5ECF6","radialaxis":{"gridcolor":"white","ticks":"","linecolor":"white"}},"autotypenumbers":"strict","font":{"color":"#2a3f5f"},"ternary":{"baxis":{"gridcolor":"white","ticks":"","linecolor":"white"},"bgcolor":"#E5ECF6","caxis":{"gridcolor":"white","ticks":"","linecolor":"white"},"aaxis":{"gridcolor":"white","ticks":"","linecolor":"white"}},"annotationdefaults":{"arrowhead":0,"arrowwidth":1,"arrowcolor":"#2a3f5f"},"plot_bgcolor":"#E5ECF6","title":{"x":0.05},"scene":{"xaxis":{"gridcolor":"white","gridwidth":2,"backgroundcolor":"#E5ECF6","ticks":"","showbackground":true,"zerolinecolor":"white","linecolor":"white"},"zaxis":{"gridcolor":"white","gridwidth":2,"backgroundcolor":"#E5ECF6","ticks":"","showbackground":true,"zerolinecolor":"white","linecolor":"white"},"yaxis":{"gridcolor":"white","gridwidth":2,"backgroundcolor":"#E5ECF6","ticks":"","showbackground":true,"zerolinecolor":"white","linecolor":"white"}},"colorway":["#636efa","#EF553B","#00cc96","#ab63fa","#FFA15A","#19d3f3","#FF6692","#B6E880","#FF97FF","#FECB52"]},"data":{"barpolar":[{"type":"barpolar","marker":{"line":{"color":"#E5ECF6","width":0.5}}}],"carpet":[{"aaxis":{"gridcolor":"white","endlinecolor":"#2a3f5f","minorgridcolor":"white","startlinecolor":"#2a3f5f","linecolor":"white"},"type":"carpet","baxis":{"gridcolor":"white","endlinecolor":"#2a3f5f","minorgridcolor":"white","startlinecolor":"#2a3f5f","linecolor":"white"}}],"scatterpolar":[{"type":"scatterpolar","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"parcoords":[{"line":{"colorbar":{"ticks":"","outlinewidth":0}},"type":"parcoords"}],"scatter":[{"type":"scatter","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"histogram2dcontour":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"histogram2dcontour","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"contour":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"contour","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"scattercarpet":[{"type":"scattercarpet","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"mesh3d":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"mesh3d"}],"surface":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"surface","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"scattermapbox":[{"type":"scattermapbox","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"scattergeo":[{"type":"scattergeo","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"histogram":[{"type":"histogram","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"pie":[{"type":"pie","automargin":true}],"choropleth":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"choropleth"}],"heatmapgl":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"heatmapgl","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"bar":[{"type":"bar","error_y":{"color":"#2a3f5f"},"error_x":{"color":"#2a3f5f"},"marker":{"line":{"color":"#E5ECF6","width":0.5}}}],"heatmap":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"heatmap","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"contourcarpet":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"contourcarpet"}],"table":[{"type":"table","header":{"line":{"color":"white"},"fill":{"color":"#C8D4E3"}},"cells":{"line":{"color":"white"},"fill":{"color":"#EBF0F8"}}}],"scatter3d":[{"line":{"colorbar":{"ticks":"","outlinewidth":0}},"type":"scatter3d","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"scattergl":[{"type":"scattergl","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"histogram2d":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"histogram2d","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"scatterternary":[{"type":"scatterternary","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"scatterpolargl":[{"type":"scatterpolargl","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}]}},"scene":{"xaxis":{"range":[-100,100],"nticks":4},"yaxis":{"range":[-50,100],"nticks":4},"zaxis":{"range":[-100,100],"nticks":4}},"margin":{"l":10,"b":10,"r":20,"t":10},"width":700},
{"editable":false,"responsive":true,"staticPlot":false,"scrollZoom":true},
)
}
});
</script>
</div>
<h3>Fixed Ratio Axes</h3>
<pre><code class="language-julia">using PlotlyJS
N = 50
fig = make_subplots(rows=2, cols=2, specs=fill(Spec(kind="scene"), 2, 2))
relayout!(
fig,
# fix the ratio in the top left subplot to be a cube
scene_aspectmode="cube",
# manually force the z-axis to appear twice as big as the other two
scene2=attr(aspectmode="manual", aspectratio=attr(x=1, y=1, z=2)),
# draw axes in proportion to the proportion of their ranges
scene3_aspectmode="data",
# automatically produce something that is well proportioned using "data" as the default
scene4_aspectmode="auto",
)
for i in 1:2, j in 1:2
add_trace!(
fig,
mesh3d(
x=(60 .* randn(N)),
y=(25 .* randn(N)),
z=(40 .* randn(N)),
opacity=0.5,
),
row=i, col=j
)
end
fig</code></pre>
<div>
<div
id=4ac156d9-115d-4a80-a129-6a2b7e6ce6c7
class="plotly-graph-div"
style="height:100%; width:100%;">
</div>
<script type="text/javascript">
require(["plotly"], function(Plotly) {
window.PLOTLYENV = window.PLOTLYENV || {}
if (document.getElementById('4ac156d9-115d-4a80-a129-6a2b7e6ce6c7')) {
Plotly.newPlot(
'4ac156d9-115d-4a80-a129-6a2b7e6ce6c7',
[{"y":[-15.735461898047273,22.98976649832451,2.484627819435671,-15.2791840307893,41.90286512746217,16.238723785813004,-2.7242623133943593,0.08691599960469577,-34.50738131611153,-6.342109464354746,-4.978360365688672,-36.50888689133658,-2.0821439975052076,-62.38506133017368,29.74698642144762,26.504792702250484,-46.9834822971879,47.79075251582301,26.26654629703668,-37.817344241674384,40.57705917303509,30.97310402209081,-17.54660927989786,-19.893698866465265,-21.026029340601237,12.803463103899022,-28.0410434527376,1.0184098857896653,2.036084110846083,-27.90596709401792,-14.21539212191973,-28.32521563347225,-35.83650153889519,12.040949465483813,9.824584174535673,36.537655524040304,-40.69119549556302,-27.52815337227421,-12.416187796075059,-12.917879298812988,-39.93865262028716,-56.531239213379614,1.1798436266312102,-27.888466893132772,-10.385115793647284,-2.186612248869106,50.982767818587995,-4.782991987415516,26.6113556101291,53.84873245739485],"type":"mesh3d","opacity":0.5,"z":[-28.033401031825274,0.33547318700259926,14.331855325963602,-53.84142991711835,39.963716434747326,-96.41931092743101,-2.5879995045386197,16.62891072062362,-5.141280011184794,10.162128005666434,-0.487539814832058,-19.075199341535683,-1.326865772828848,42.870186966266395,-54.23663286219036,114.5572406022153,92.66521861779005,-5.541442026250742,-76.39587965999976,-14.32964000558627,-31.34286506527415,-84.67894668613523,-90.65708574355386,-20.82502677216589,44.11407049026934,-66.86934412445021,-114.8746137399801,21.069952433138376,3.9045704937106724,-51.36335930890106,2.918980441966604,17.234904360490717,-35.55284473415113,-22.635177043208433,-3.3379374211901607,-16.199804212174126,-27.324633365416737,-18.129062638239684,37.861183889996184,-32.54119469248426,-73.29340569563168,28.064435766813002,-5.311758980176743,4.1846249621634986,47.1524827752933,-1.436239657271026,50.96410850836431,-37.99181308469912,75.13067127661873,-35.16530966018558],"x":[48.45068439606794,118.67803554718645,14.081431489321611,-150.35789392224956,31.059121826709145,-59.641059161500266,-20.6762407198205,-68.20880875236496,15.475151736437073,0.5729372437234248,-41.043878989405854,-60.939418719463475,-5.140228217072552,-116.10490417043383,83.53786966367134,-16.787159827850083,51.980837751643854,-5.171786090879264,-49.144580683803,0.23760296459114563,3.298480505207456,-90.21501252616437,130.60064321595812,73.51645898625252,22.866719836051853,-56.55123900446959,-31.48277578093349,25.784459108626823,30.543332949181913,-6.7811559628482545,1.397553684763946,-48.17959316953148,77.12398336928909,-65.46083291801293,-21.373356170192828,122.4452633700786,-66.82799714277425,139.00155948797152,81.24490261293913,-78.3326825878259,11.184852639312526,46.55253965292999,-1.9172998759537654,10.670583377125842,55.6117265513221,25.3884618807501,109.22815372362263,-0.08971663671990071,-44.61426131564673,21.474637227029405]},{"y":[22.78883612681606,-14.965090005392678,-15.961232649099774,-23.326015557919202,-15.622103910542066,11.71091902169667,15.903211669292967,6.01003022167653,-17.59189000858475,7.473537817895945,-11.114736625200232,-2.9116201561346204,-16.908687176952235,-13.773279530071076,-32.786987732854705,-4.8401182063553945,26.074716773534522,-23.626139349634503,-18.48053298273856,-7.993814985770246,-13.139043858523495,19.569378806012818,-30.488153955755177,23.117567110253724,15.751735992383203,23.347266491746492,-36.65953495247069,-53.235182364165055,21.531083689319004,-9.020334891985266,-6.193438059260878,-1.571719405759505,-42.17470885550903,1.3053782753718775,-3.212007240292689,-22.50336429005213,12.636485206333761,1.244273185381816,2.6048643058094854,0.48592750698192705,42.302401302602696,16.848036585342815,-42.79447948097338,20.835047160445903,5.026176887717167,16.091967931029867,15.446051432186117,-34.89934400977638,23.73806242709955,-46.796783979621715],"type":"mesh3d","opacity":0.5,"scene":"scene2","z":[39.653769313001234,29.661245260007846,-40.625245325683395,-61.94949319333719,5.14205998534583,-13.127228410947252,58.62808514637645,-57.65872293171424,8.650814581635474,40.56157832626502,34.55597174058519,95.17575811229099,26.418836598051485,-6.083907081685388,-63.4652292358941,-2.7289759414691517,65.65746431021107,-20.880385705085004,38.6900454896034,49.18034436089465,-30.993816796933295,-9.486058057852151,-45.66127289771003,-3.6119590410124154,-21.565420675985905,-1.7874520351290344,32.81387650408334,-11.894984449250376,-70.76405394701779,-34.802240758821966,-49.231268305985836,11.109385938132126,9.587267611733246,6.643691002139188,54.75049765152525,97.41854058508645,50.08268946622504,73.38280093044145,13.690877019428726,1.0319184728805941,-21.933639133335348,-14.776767842621615,-16.735591537667254,-40.06026466012041,32.40706562528699,13.604358900054445,-44.91605583857917,-21.167621520113457,3.620256941931985,40.27797761241906],"x":[-55.62838366685189,71.43885225370225,-115.99287245887965,57.28059661922413,-43.7019808358245,-63.81119345457564,-102.82930320862737,9.109431857437599,5.037448067327639,2.4449221302088557,-26.71248973842953,-27.2788906832669,-67.77158581246759,18.600579781602697,16.067167070595566,-73.10365806711552,-55.43893395820321,-24.439568877547966,19.919892881373745,40.926647457511756,-15.149900529535381,69.86581061098475,-43.40403839047531,21.803127736705427,-39.31808488984834,1.7420129459170035,-46.431589676428196,57.85880178760725,-30.03062345241301,53.57245657531749,-11.58020356925837,-72.99035747680715,-24.533433037605768,43.14625277728369,-149.88624950606578,-97.07596756418334,-57.33413146566183,9.822062636667916,15.743555265154312,-41.17976822539349,-12.53379094179699,37.40172862394924,-140.88320315687673,34.02273933772549,26.45739139220442,-51.63065598652443,36.02994303076806,-4.679381094683708,31.23053169000807,108.7747273696272]},{"y":[30.353696479622155,18.812757508399073,-0.06107671548526106,-13.099941903223813,-15.703329305199562,14.545584796407788,8.157770732648089,20.037601557014206,32.373113464473285,24.966010823863883,41.12313480189134,36.26920273069161,-11.992953804127271,3.446890386896173,-38.226247228787024,-51.90498190169931,2.9873670740565816,-4.4031260782300405,-21.824669970469493,7.507972856464719,-8.055242254061712,1.6267834115693325,31.749697914694192,-13.812638909100988,-7.229079680638348,-11.992130719472085,20.800201623732722,5.027538809209862,-15.124601596922533,21.998403701232057,-14.226878200837808,12.563127012366667,-10.20041765528947,-38.014614293544604,-7.293426762188196,13.557008315964456,-18.359298343156283,-1.6118408869116954,10.472430915411179,-26.09906275302058,-1.793124077287463,-37.46861432247188,24.866489053169754,28.40983511301503,-8.038933249594074,9.61002559210334,-0.6086155144628075,2.115601123181218,40.640956862270386,26.691767274543015],"type":"mesh3d","opacity":0.5,"scene":"scene3","z":[21.996404262543514,-48.14931100448184,13.518403953492658,-37.09162906628791,15.602821684748186,-31.02379478470602,35.38562688669093,2.8810878863446354,-8.829448058688069,-41.76323421227717,-78.08066124452806,44.07685298253536,-55.200766350326234,-31.38915890183364,14.536695003027742,-9.190002100742646,-29.20596021284664,-77.11478479549379,19.350002515002764,-39.23624344990656,-76.8409941714094,-23.61229749636401,-7.608752442021316,-35.29887440587559,-16.215064928510696,44.230252951845856,-13.650843077360513,115.52328386673997,27.714960523947955,42.5330962910878,48.41368983438929,-11.224290301026148,103.52104409068117,32.04089395083072,64.56057836984444,27.69125710803268,34.76818824920351,-18.996634259635307,35.90418503012217,57.84535441057798,86.52538497356424,-19.509266185151635,-17.828544815124808,-50.14863117681149,-7.861865403499969,-19.564779473066928,-21.878184723648335,-28.037453917667,42.04858049160591,17.456907844816683],"x":[18.022301915840387,-60.85600860018262,-33.08529807765248,-26.340076189860696,-82.10984365448164,-3.5961153970808573,15.078296804832274,64.83020676983692,-21.962174471397347,73.42237633335516,-86.98452287283965,-143.5232590049744,66.60241351598481,-7.194427320396018,-55.41654969254281,-43.326283099307574,9.43062261110299,-14.760676687903992,-87.34155764673272,125.07432394807856,-18.005390479398518,-28.443139032846958,-5.745949847646966,17.62083271150969,-60.667418230785124,-89.97099406775261,64.09253381580127,59.35052359208201,-139.0474953657056,2.11211328730222,21.952800405331807,52.01392505643124,46.065291776306175,11.649643971950626,-19.6653191920925,-14.097719666313719,-91.31363416966983,31.808844331600298,62.2215088002699,110.89067095783211,-1.2889561222298205,33.99030930577395,-22.437519530591217,48.33427973314054,-95.58788105430027,44.3496630430228,-29.75773298147158,-39.21966803922772,-22.96253855750925,6.219236884608503]},{"y":[-3.775805873701758,0.07556498390726868,-55.454122485059244,8.283324352849299,-21.647507957588722,22.97906088981425,64.91475897590601,-19.576312017136168,9.457249959213268,-8.80643796824722,-2.7646950330665554,-26.61461303774185,24.11595505480898,-62.70019734054356,19.347930217713145,-5.7064808929956135,-67.44714285379312,-8.587285514893225,-18.218476393366387,33.51153907015398,-72.14101890344847,12.193465955158189,-25.446733906947372,-12.079046133614005,-35.303054586326745,-7.603596787801091,32.862742385256574,31.963694278621457,32.2990358350164,-18.862608644336547,-14.261511712253267,35.97289812278889,-38.65218280656927,-8.854382178822537,14.156051512569242,-10.219554384520539,44.90970148388164,-31.578061292480818,41.72586718743573,38.73121265192709,-5.53262198907945,-24.62539781365754,-37.928580762231846,9.769024665269441,22.42666619996823,0.820763456198659,16.801220799907828,21.730795520295786,-6.883508028867305,-27.815155828661375],"type":"mesh3d","opacity":0.5,"scene":"scene4","z":[-20.948099189110252,-13.086565260066296,-53.13281288604718,-56.559154602502126,12.705365504458703,26.247607720671446,-16.360803010927388,45.71259171896659,-28.599622551652107,12.834504941685164,-80.59062175927949,31.40458042668703,28.854902294289566,-25.99603100760245,0.1325994809170095,43.193008812185134,49.73958234235176,-4.041233850908349,9.00963781098385,26.3175808300755,-21.877605190668497,47.57170637482325,23.527487330605396,66.55834002124877,43.04734633208031,-81.6125837179442,-1.1780609560550814,-24.683992181558104,-11.495859323166801,-50.543110900467624,60.828042659555535,-69.61272899949925,-32.92544751794433,-58.40292340662828,-38.72764429054836,5.956749238865972,-11.182745603432595,62.376337514098196,-90.71738815054586,-43.32548417873283,-15.234261029282967,143.03351668198584,34.44760951444955,40.61494329199901,-10.950249176643654,2.9337759296604453,-14.01771863500782,-42.21468987886337,50.42054547988837,43.717016005679696],"x":[-7.511618702307379,-51.79020623290599,85.02164183005083,-91.69674001826976,-64.86870672079581,3.0386643445778794,64.27569842861101,-125.00807712176645,6.50845664750731,-42.48517355116961,28.512691303064894,-91.66288671506837,-27.020966852265953,-55.70793125997198,115.87459086751576,136.36618172131395,43.4967218677952,87.06649096592061,30.01509949973965,30.012887462671994,-17.247744818571412,-48.724693362115,-179.43012261748993,-16.290609849766305,-107.7602814998549,-119.98081830088483,-83.62665622468603,102.4797395668814,11.850554346590096,-96.36349345181377,52.61586771882789,-19.826463090639734,128.43122864655587,-70.86601195326807,-14.850544192178198,-3.2429236648953506,-35.63901884769809,69.43280308120316,-6.201658354852572,67.75948241365215,-69.6022915836864,-162.78240041962175,64.26994373367855,40.23172488235176,-0.12785414298277695,-107.20517361672424,51.30102303373192,-121.04810458844666,22.502764874385758,10.5460133813255]}],
{"template":{"layout":{"coloraxis":{"colorbar":{"ticks":"","outlinewidth":0}},"xaxis":{"gridcolor":"white","zerolinewidth":2,"title":{"standoff":15},"ticks":"","zerolinecolor":"white","automargin":true,"linecolor":"white"},"hovermode":"closest","paper_bgcolor":"white","geo":{"showlakes":true,"showland":true,"landcolor":"#E5ECF6","bgcolor":"white","subunitcolor":"white","lakecolor":"white"},"colorscale":{"sequential":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]],"diverging":[[0,"#8e0152"],[0.1,"#c51b7d"],[0.2,"#de77ae"],[0.3,"#f1b6da"],[0.4,"#fde0ef"],[0.5,"#f7f7f7"],[0.6,"#e6f5d0"],[0.7,"#b8e186"],[0.8,"#7fbc41"],[0.9,"#4d9221"],[1,"#276419"]],"sequentialminus":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]},"yaxis":{"gridcolor":"white","zerolinewidth":2,"title":{"standoff":15},"ticks":"","zerolinecolor":"white","automargin":true,"linecolor":"white"},"shapedefaults":{"line":{"color":"#2a3f5f"}},"hoverlabel":{"align":"left"},"mapbox":{"style":"light"},"polar":{"angularaxis":{"gridcolor":"white","ticks":"","linecolor":"white"},"bgcolor":"#E5ECF6","radialaxis":{"gridcolor":"white","ticks":"","linecolor":"white"}},"autotypenumbers":"strict","font":{"color":"#2a3f5f"},"ternary":{"baxis":{"gridcolor":"white","ticks":"","linecolor":"white"},"bgcolor":"#E5ECF6","caxis":{"gridcolor":"white","ticks":"","linecolor":"white"},"aaxis":{"gridcolor":"white","ticks":"","linecolor":"white"}},"annotationdefaults":{"arrowhead":0,"arrowwidth":1,"arrowcolor":"#2a3f5f"},"plot_bgcolor":"#E5ECF6","title":{"x":0.05},"scene":{"xaxis":{"gridcolor":"white","gridwidth":2,"backgroundcolor":"#E5ECF6","ticks":"","showbackground":true,"zerolinecolor":"white","linecolor":"white"},"zaxis":{"gridcolor":"white","gridwidth":2,"backgroundcolor":"#E5ECF6","ticks":"","showbackground":true,"zerolinecolor":"white","linecolor":"white"},"yaxis":{"gridcolor":"white","gridwidth":2,"backgroundcolor":"#E5ECF6","ticks":"","showbackground":true,"zerolinecolor":"white","linecolor":"white"}},"colorway":["#636efa","#EF553B","#00cc96","#ab63fa","#FFA15A","#19d3f3","#FF6692","#B6E880","#FF97FF","#FECB52"]},"data":{"barpolar":[{"type":"barpolar","marker":{"line":{"color":"#E5ECF6","width":0.5}}}],"carpet":[{"aaxis":{"gridcolor":"white","endlinecolor":"#2a3f5f","minorgridcolor":"white","startlinecolor":"#2a3f5f","linecolor":"white"},"type":"carpet","baxis":{"gridcolor":"white","endlinecolor":"#2a3f5f","minorgridcolor":"white","startlinecolor":"#2a3f5f","linecolor":"white"}}],"scatterpolar":[{"type":"scatterpolar","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"parcoords":[{"line":{"colorbar":{"ticks":"","outlinewidth":0}},"type":"parcoords"}],"scatter":[{"type":"scatter","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"histogram2dcontour":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"histogram2dcontour","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"contour":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"contour","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"scattercarpet":[{"type":"scattercarpet","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"mesh3d":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"mesh3d"}],"surface":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"surface","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"scattermapbox":[{"type":"scattermapbox","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"scattergeo":[{"type":"scattergeo","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"histogram":[{"type":"histogram","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"pie":[{"type":"pie","automargin":true}],"choropleth":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"choropleth"}],"heatmapgl":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"heatmapgl","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"bar":[{"type":"bar","error_y":{"color":"#2a3f5f"},"error_x":{"color":"#2a3f5f"},"marker":{"line":{"color":"#E5ECF6","width":0.5}}}],"heatmap":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"heatmap","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"contourcarpet":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"contourcarpet"}],"table":[{"type":"table","header":{"line":{"color":"white"},"fill":{"color":"#C8D4E3"}},"cells":{"line":{"color":"white"},"fill":{"color":"#EBF0F8"}}}],"scatter3d":[{"line":{"colorbar":{"ticks":"","outlinewidth":0}},"type":"scatter3d","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"scattergl":[{"type":"scattergl","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"histogram2d":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"histogram2d","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"scatterternary":[{"type":"scatterternary","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"scatterpolargl":[{"type":"scatterpolargl","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}]}},"scene":{"domain":{"y":[0.575,1.0],"x":[0.0,0.45]},"aspectmode":"cube"},"margin":{"l":50,"b":50,"r":50,"t":60},"scene4":{"domain":{"y":[0.0,0.425],"x":[0.55,1.0]},"aspectmode":"auto"},"annotations":[],"scene2":{"aspectratio":{"y":1,"z":2,"x":1},"domain":{"y":[0.575,1.0],"x":[0.55,1.0]},"aspectmode":"manual"},"scene3":{"domain":{"y":[0.0,0.425],"x":[0.0,0.45]},"aspectmode":"data"}},
{"editable":false,"responsive":true,"staticPlot":false,"scrollZoom":true},
)
}
});
</script>
</div>
<h3>Set Axes Title</h3>
<pre><code class="language-julia">using PlotlyJS
# Define random surface
N = 50
trace1 = mesh3d(x=(60 .* randn(N)),
y=(25 .* randn(N)),
z=(40 .* randn(N)),
opacity=0.5,
color="yellow"
)
trace2 = mesh3d(x=(70 .* randn(N)),
y=(55 .* randn(N)),
z=(30 .* randn(N)),
opacity=0.5,
color="pink"
)
layout = Layout(scene = attr(
xaxis_title="X AXIS TITLE",
yaxis_title="Y AXIS TITLE",
zaxis_title="Z AXIS TITLE"),
width=700,
margin=attr(r=20, b=10, l=10, t=10))
plot([trace1, trace2], layout)</code></pre>
<div>
<div
id=d459690d-d1ef-4996-8cc3-bda03c7ffbfd
class="plotly-graph-div"
style="height:100%; width:700;">
</div>
<script type="text/javascript">
require(["plotly"], function(Plotly) {
window.PLOTLYENV = window.PLOTLYENV || {}
if (document.getElementById('d459690d-d1ef-4996-8cc3-bda03c7ffbfd')) {
Plotly.newPlot(
'd459690d-d1ef-4996-8cc3-bda03c7ffbfd',
[{"color":"yellow","y":[-12.097781674133548,-11.876447677031782,-28.025169299266175,8.08339744801443,-26.410533207200064,-16.719841568598383,10.223098169414085,-17.65659174359448,-36.023567209731084,12.581171514080369,10.380460019177669,47.13871683696464,27.620990343092096,-7.015371162888387,-12.05135965112814,10.90425166132145,12.1876066679672,6.976176552547231,3.8002101548722864,30.97816857389601,-28.976815979538216,11.202760687347716,36.169404719615784,-19.508550687006366,7.581580860059006,-12.902553603135955,32.93013589710425,-35.447870415218254,-31.312613228645958,29.035455089220452,-31.36624293110672,-1.584161797531335,-47.21092679985988,65.28488526545921,32.84788722675282,-17.677162202164382,-23.113223831277253,24.437666850934363,-62.19198470693754,-21.43553047904431,16.439919771395374,21.421841522607203,25.714366535693266,27.80290173312359,35.63829177283327,13.186571813848632,-27.645762505535632,-22.73396387158834,-21.037375432438093,30.45848455839908],"type":"mesh3d","opacity":0.5,"z":[23.923727480430866,23.127373970656933,-37.51973088328456,99.4155327899557,-2.93693806805393,32.8592829455967,-5.396483276714308,-41.715717726348075,-29.129463639577402,36.332607001159175,24.165597752803556,6.828948571933415,-76.69667712323397,11.791164923589397,-6.817808680261303,-97.73874424128601,5.8509119779923315,63.3662955832152,-3.1863111104613235,-17.05385847233172,-12.500223434797713,45.53446170834421,23.034825557779442,-16.352524272336833,60.47774395608678,-24.97819079283289,71.3469966179657,86.93197734582105,41.352178114005646,-55.55233548859416,-46.076713398457045,-9.009704871892083,-1.316442203565587,-18.22242255452226,-13.671360425348125,50.51607278760274,22.91506139108713,27.488071667763787,46.63296414452573,-42.70396494020702,-31.143872531589565,25.987854870998245,-15.424825546195969,24.69266723421633,24.20764900595563,25.762841694490216,41.06459504658757,-77.64590051900329,52.96152946159755,46.932317023793374],"x":[-22.206593954920592,34.277971848910674,-100.12903572667027,27.887240750205063,-24.46347942855653,19.37045572120198,17.47254009580597,18.908097959265113,-35.630306630959666,30.497164473603597,56.480472552024196,37.9084893614666,61.59185957800049,8.449360719789494,99.35665340868928,-4.654005068534129,51.83733932749816,75.10455472425872,85.43136019749312,-58.118845535245114,-35.14490373606919,-43.405719811862795,59.881563392173,-34.95393107532169,-15.848777754564015,-77.78084223726626,35.31031483660635,39.6597309579356,-92.1036356939853,2.3267439863940225,24.769863080131373,22.4625675114017,17.783327448102558,-27.003234766597142,-49.17732535163144,7.127474153430633,38.06087051137607,-51.47419112189774,-3.299806166929983,11.536998026728499,30.389009840827224,36.776937520306085,-78.56523251296477,-72.48437348097163,-30.184681547235137,40.23920816014555,69.62366582954606,15.662074602854387,-64.5485624660512,-102.59497793792815]},{"color":"pink","y":[-19.579912261280086,-46.25192671225358,72.84827981312137,-17.626658022673244,49.364053913900946,-21.375182888833546,22.758702276947258,-1.21454177279632,-0.3404462099656851,10.160879246093542,-32.61137872402978,-29.83551773509691,5.659987935104925,-22.566961714063822,-80.48932582200477,-35.76890213537478,-65.51161767231761,25.296039327839942,-38.45970648932051,21.34219453146599,-30.018879394642045,18.30874108812087,-24.174173788716967,92.49122062730859,19.52686889520793,43.81807382165689,33.31622153360153,113.54891587778233,-10.479317582225704,-194.5714544070031,-4.192606922883122,-124.27048572792732,-5.001803767339947,93.83195667810129,21.71225425819145,-87.59506829045112,72.6820659296481,-75.44942640691676,-82.08306137018154,-8.518609127624748,45.42155979283827,11.175387536544832,31.960127579831685,-38.518809310762656,-63.43572847407325,12.192639801328886,24.493684157276782,-74.74334174557467,8.29298059971759,18.823687962766556],"type":"mesh3d","opacity":0.5,"z":[-21.56856681724934,-46.872010935019404,-9.869275932520395,32.04552744524773,28.98116308159825,19.168866847149612,-17.79297402687155,9.35793178983267,16.430215524223073,10.965818886634331,-1.9220525538183233,-8.32428030302969,-33.42540693628598,-30.622396970356217,-26.924695602504865,9.455924615912815,-44.554759508558796,-13.191156557989585,-47.874375966307376,-8.122452362057368,28.972776469371897,-3.5908768957474115,19.53832408821311,39.094913824262285,14.488545600750282,-23.540483081627357,5.69671428259582,30.739183863245735,6.535800773440978,-20.015196021720765,-11.003364167931096,17.411678429239696,19.60724953612433,38.648248827901654,0.6235855155926938,53.793537177627556,-31.31462335469445,8.709683011963472,3.1765445171046345,-50.322659254409935,7.688138795151117,-1.9258321288562024,-3.276371697151579,41.49297915922278,38.72134057099526,-4.870698371270345,-10.775312326036927,3.136956191034405,-5.548654906520458,-6.376690611465088],"x":[63.370772927475294,-26.53806703286823,-14.20474241509924,122.7426661279682,-36.24582523761581,2.0466886110718323,3.550986641733605,34.58976589271943,-54.01764345748818,11.110434824890351,-23.10714479026211,-28.922477812994565,-61.55575309110607,-73.55815725639893,43.662960182662474,-61.6681300538656,68.70165960019284,11.273440176192237,-73.8807200652536,-26.837097785399173,32.58334963719624,58.37292932924859,-125.88767024876691,-0.5539742955285017,33.67919066208382,-15.571609961275621,-40.67387048739051,-51.15558774874447,112.95020513671551,-21.57784292490482,52.10890873717322,33.42207431125428,-14.884406015886388,23.57769719644511,-3.7934232447686966,20.671234490127258,5.3719015777392505,11.844654234853822,-79.27913163014476,-42.79734370219813,-182.2314525098362,65.00052476844938,29.787058513696476,-29.85568828566349,40.3309810899951,23.42198912020889,37.37415889824926,-77.20097086258964,110.15076460443153,17.412603281509632]}],
{"template":{"layout":{"coloraxis":{"colorbar":{"ticks":"","outlinewidth":0}},"xaxis":{"gridcolor":"white","zerolinewidth":2,"title":{"standoff":15},"ticks":"","zerolinecolor":"white","automargin":true,"linecolor":"white"},"hovermode":"closest","paper_bgcolor":"white","geo":{"showlakes":true,"showland":true,"landcolor":"#E5ECF6","bgcolor":"white","subunitcolor":"white","lakecolor":"white"},"colorscale":{"sequential":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]],"diverging":[[0,"#8e0152"],[0.1,"#c51b7d"],[0.2,"#de77ae"],[0.3,"#f1b6da"],[0.4,"#fde0ef"],[0.5,"#f7f7f7"],[0.6,"#e6f5d0"],[0.7,"#b8e186"],[0.8,"#7fbc41"],[0.9,"#4d9221"],[1,"#276419"]],"sequentialminus":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]},"yaxis":{"gridcolor":"white","zerolinewidth":2,"title":{"standoff":15},"ticks":"","zerolinecolor":"white","automargin":true,"linecolor":"white"},"shapedefaults":{"line":{"color":"#2a3f5f"}},"hoverlabel":{"align":"left"},"mapbox":{"style":"light"},"polar":{"angularaxis":{"gridcolor":"white","ticks":"","linecolor":"white"},"bgcolor":"#E5ECF6","radialaxis":{"gridcolor":"white","ticks":"","linecolor":"white"}},"autotypenumbers":"strict","font":{"color":"#2a3f5f"},"ternary":{"baxis":{"gridcolor":"white","ticks":"","linecolor":"white"},"bgcolor":"#E5ECF6","caxis":{"gridcolor":"white","ticks":"","linecolor":"white"},"aaxis":{"gridcolor":"white","ticks":"","linecolor":"white"}},"annotationdefaults":{"arrowhead":0,"arrowwidth":1,"arrowcolor":"#2a3f5f"},"plot_bgcolor":"#E5ECF6","title":{"x":0.05},"scene":{"xaxis":{"gridcolor":"white","gridwidth":2,"backgroundcolor":"#E5ECF6","ticks":"","showbackground":true,"zerolinecolor":"white","linecolor":"white"},"zaxis":{"gridcolor":"white","gridwidth":2,"backgroundcolor":"#E5ECF6","ticks":"","showbackground":true,"zerolinecolor":"white","linecolor":"white"},"yaxis":{"gridcolor":"white","gridwidth":2,"backgroundcolor":"#E5ECF6","ticks":"","showbackground":true,"zerolinecolor":"white","linecolor":"white"}},"colorway":["#636efa","#EF553B","#00cc96","#ab63fa","#FFA15A","#19d3f3","#FF6692","#B6E880","#FF97FF","#FECB52"]},"data":{"barpolar":[{"type":"barpolar","marker":{"line":{"color":"#E5ECF6","width":0.5}}}],"carpet":[{"aaxis":{"gridcolor":"white","endlinecolor":"#2a3f5f","minorgridcolor":"white","startlinecolor":"#2a3f5f","linecolor":"white"},"type":"carpet","baxis":{"gridcolor":"white","endlinecolor":"#2a3f5f","minorgridcolor":"white","startlinecolor":"#2a3f5f","linecolor":"white"}}],"scatterpolar":[{"type":"scatterpolar","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"parcoords":[{"line":{"colorbar":{"ticks":"","outlinewidth":0}},"type":"parcoords"}],"scatter":[{"type":"scatter","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"histogram2dcontour":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"histogram2dcontour","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"contour":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"contour","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"scattercarpet":[{"type":"scattercarpet","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"mesh3d":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"mesh3d"}],"surface":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"surface","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"scattermapbox":[{"type":"scattermapbox","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"scattergeo":[{"type":"scattergeo","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"histogram":[{"type":"histogram","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"pie":[{"type":"pie","automargin":true}],"choropleth":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"choropleth"}],"heatmapgl":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"heatmapgl","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"bar":[{"type":"bar","error_y":{"color":"#2a3f5f"},"error_x":{"color":"#2a3f5f"},"marker":{"line":{"color":"#E5ECF6","width":0.5}}}],"heatmap":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"heatmap","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"contourcarpet":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"contourcarpet"}],"table":[{"type":"table","header":{"line":{"color":"white"},"fill":{"color":"#C8D4E3"}},"cells":{"line":{"color":"white"},"fill":{"color":"#EBF0F8"}}}],"scatter3d":[{"line":{"colorbar":{"ticks":"","outlinewidth":0}},"type":"scatter3d","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"scattergl":[{"type":"scattergl","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"histogram2d":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"histogram2d","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"scatterternary":[{"type":"scatterternary","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"scatterpolargl":[{"type":"scatterpolargl","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}]}},"scene":{"xaxis":{"title":{"text":"X AXIS TITLE"}},"yaxis":{"title":{"text":"Y AXIS TITLE"}},"zaxis":{"title":{"text":"Z AXIS TITLE"}}},"margin":{"l":10,"b":10,"r":20,"t":10},"width":700},
{"editable":false,"responsive":true,"staticPlot":false,"scrollZoom":true},
)
}
});
</script>
</div>
<h3>Ticks Formatting</h3>
<pre><code class="language-julia">using PlotlyJS
# Define random surface
N = 50
trace = mesh3d(x=(60 .* randn(N)),
y=(25 .* randn(N)),
z=(40 .* randn(N)),
opacity=0.5,
color="rgba(100,22,200,0.5)"
)
# Different types of customized ticks
layout = Layout(scene = attr(
xaxis = attr(
ticktext= ["TICKS","MESH","PLOTLY","JULIA"],
tickvals= [0,50,75,-50]),
yaxis = attr(
nticks=5, tickfont=attr(
color="green",
size=12,
family="Old Standard TT, serif",),
ticksuffix="#"),
zaxis = attr(
nticks=4, ticks="outside",
tick0=0, tickwidth=4),),
width=700,
margin=attr(r=10, l=10, b=10, t=10)
)
plot(trace, layout)</code></pre>
<div>
<div
id=39d27770-72e0-4c62-8043-9e8e68d55b2f
class="plotly-graph-div"
style="height:100%; width:700;">
</div>
<script type="text/javascript">
require(["plotly"], function(Plotly) {
window.PLOTLYENV = window.PLOTLYENV || {}
if (document.getElementById('39d27770-72e0-4c62-8043-9e8e68d55b2f')) {
Plotly.newPlot(
'39d27770-72e0-4c62-8043-9e8e68d55b2f',
[{"color":"rgba(100,22,200,0.5)","y":[5.310162829755364,22.289515558847807,-44.76664051649423,1.7766005620543157,-9.13805052411534,16.759814907526767,19.93429345964564,-6.2126703075999705,-5.160791223965426,-41.31111297562743,10.587890545008715,-31.739217191141435,-39.208785564383184,53.248783577055534,29.878019415733036,-37.86444724602811,19.17248737719518,29.977670000304336,-25.310276920817763,11.636509579782075,26.155153577082853,30.245684967444543,-33.56445416785253,-17.556699222920287,-52.83288485507204,-34.94631995929085,12.567960921491567,-40.24703531702707,-33.226701269346464,25.10697861304753,2.115113897844243,-14.667455158321067,-7.632592012486014,-32.018586955455355,-48.00902236675861,4.668399333988084,0.35102432461836724,-14.675846489796275,-15.73747326972042,-11.455157420649284,-8.710999998470376,-13.055877043062031,3.8029424933422042,11.483509980106264,-17.621070610848715,-27.615366786928515,77.34837305016755,-25.258749130902423,-7.042609446520013,33.88908184147585],"type":"mesh3d","opacity":0.5,"z":[-8.62501377265022,42.23434477398718,32.79596422290165,-39.730368315299714,-10.6218560134496,-10.838925641456537,24.747447378427037,-15.694675692939963,-0.8807357747319177,-11.488596731822815,83.05435065313017,-7.912351751159789,-0.6594281452855295,53.76075724973309,-35.48021782102329,64.4907893614135,-93.45860510082011,-46.66157610886966,69.52000574474883,39.76525131747917,-39.505449416320616,16.882153379710783,-11.68889731119535,-26.233870417093247,36.3667934914593,3.230615677157802,-80.6181519548941,3.655598443365113,-35.3329389581853,-48.226156241410195,-12.017226965275698,-47.33629330894581,-0.23057069815074424,-13.650998510509961,-26.929177372243785,-12.116333064367417,22.982480918545466,7.511977144840034,-1.5475662811898747,41.3134167961332,-31.313525999872777,40.480942992970014,13.874029100872347,-44.9351109990275,27.26540441192601,6.125073993979209,-5.791734828863474,-40.73926279160726,41.855700015557495,-43.60390600318816],"x":[1.3560012682725824,-55.94864262268323,46.47397437200326,-98.03940369103819,-57.41369414876638,17.071446886847475,13.444782948065313,-49.92342206871319,-72.80714628088484,73.84352550775002,-78.86071849013211,2.0451460536278447,97.33645836155017,76.22758170505354,75.46668257795368,56.145718914803325,-21.778243503453847,32.50888275421004,43.867978766671726,-33.751560809439425,72.47266660057234,-2.824043295953314,-38.596599893913826,-26.807248851975945,62.59759828396196,-103.43543814133012,-62.573237702056176,-18.567181618306503,4.37903455554747,139.5730700990128,2.842139224097948,-67.97235535062273,59.41987655607573,-53.66030968761174,-81.14089151110895,91.32622544678551,11.624246267539766,-42.37725453830799,-55.32955467812615,-3.05218433543927,58.34510452096044,-99.01092579797049,24.383218445025268,48.722794863777885,13.537423302917016,55.532488115731226,95.56784180356951,11.514905284026058,33.36835079463725,139.53910040493946]}],
{"template":{"layout":{"coloraxis":{"colorbar":{"ticks":"","outlinewidth":0}},"xaxis":{"gridcolor":"white","zerolinewidth":2,"title":{"standoff":15},"ticks":"","zerolinecolor":"white","automargin":true,"linecolor":"white"},"hovermode":"closest","paper_bgcolor":"white","geo":{"showlakes":true,"showland":true,"landcolor":"#E5ECF6","bgcolor":"white","subunitcolor":"white","lakecolor":"white"},"colorscale":{"sequential":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]],"diverging":[[0,"#8e0152"],[0.1,"#c51b7d"],[0.2,"#de77ae"],[0.3,"#f1b6da"],[0.4,"#fde0ef"],[0.5,"#f7f7f7"],[0.6,"#e6f5d0"],[0.7,"#b8e186"],[0.8,"#7fbc41"],[0.9,"#4d9221"],[1,"#276419"]],"sequentialminus":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]},"yaxis":{"gridcolor":"white","zerolinewidth":2,"title":{"standoff":15},"ticks":"","zerolinecolor":"white","automargin":true,"linecolor":"white"},"shapedefaults":{"line":{"color":"#2a3f5f"}},"hoverlabel":{"align":"left"},"mapbox":{"style":"light"},"polar":{"angularaxis":{"gridcolor":"white","ticks":"","linecolor":"white"},"bgcolor":"#E5ECF6","radialaxis":{"gridcolor":"white","ticks":"","linecolor":"white"}},"autotypenumbers":"strict","font":{"color":"#2a3f5f"},"ternary":{"baxis":{"gridcolor":"white","ticks":"","linecolor":"white"},"bgcolor":"#E5ECF6","caxis":{"gridcolor":"white","ticks":"","linecolor":"white"},"aaxis":{"gridcolor":"white","ticks":"","linecolor":"white"}},"annotationdefaults":{"arrowhead":0,"arrowwidth":1,"arrowcolor":"#2a3f5f"},"plot_bgcolor":"#E5ECF6","title":{"x":0.05},"scene":{"xaxis":{"gridcolor":"white","gridwidth":2,"backgroundcolor":"#E5ECF6","ticks":"","showbackground":true,"zerolinecolor":"white","linecolor":"white"},"zaxis":{"gridcolor":"white","gridwidth":2,"backgroundcolor":"#E5ECF6","ticks":"","showbackground":true,"zerolinecolor":"white","linecolor":"white"},"yaxis":{"gridcolor":"white","gridwidth":2,"backgroundcolor":"#E5ECF6","ticks":"","showbackground":true,"zerolinecolor":"white","linecolor":"white"}},"colorway":["#636efa","#EF553B","#00cc96","#ab63fa","#FFA15A","#19d3f3","#FF6692","#B6E880","#FF97FF","#FECB52"]},"data":{"barpolar":[{"type":"barpolar","marker":{"line":{"color":"#E5ECF6","width":0.5}}}],"carpet":[{"aaxis":{"gridcolor":"white","endlinecolor":"#2a3f5f","minorgridcolor":"white","startlinecolor":"#2a3f5f","linecolor":"white"},"type":"carpet","baxis":{"gridcolor":"white","endlinecolor":"#2a3f5f","minorgridcolor":"white","startlinecolor":"#2a3f5f","linecolor":"white"}}],"scatterpolar":[{"type":"scatterpolar","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"parcoords":[{"line":{"colorbar":{"ticks":"","outlinewidth":0}},"type":"parcoords"}],"scatter":[{"type":"scatter","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"histogram2dcontour":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"histogram2dcontour","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"contour":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"contour","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"scattercarpet":[{"type":"scattercarpet","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"mesh3d":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"mesh3d"}],"surface":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"surface","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"scattermapbox":[{"type":"scattermapbox","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"scattergeo":[{"type":"scattergeo","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"histogram":[{"type":"histogram","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"pie":[{"type":"pie","automargin":true}],"choropleth":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"choropleth"}],"heatmapgl":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"heatmapgl","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"bar":[{"type":"bar","error_y":{"color":"#2a3f5f"},"error_x":{"color":"#2a3f5f"},"marker":{"line":{"color":"#E5ECF6","width":0.5}}}],"heatmap":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"heatmap","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"contourcarpet":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"contourcarpet"}],"table":[{"type":"table","header":{"line":{"color":"white"},"fill":{"color":"#C8D4E3"}},"cells":{"line":{"color":"white"},"fill":{"color":"#EBF0F8"}}}],"scatter3d":[{"line":{"colorbar":{"ticks":"","outlinewidth":0}},"type":"scatter3d","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"scattergl":[{"type":"scattergl","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"histogram2d":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"histogram2d","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"scatterternary":[{"type":"scatterternary","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"scatterpolargl":[{"type":"scatterpolargl","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}]}},"scene":{"xaxis":{"tickvals":[0,50,75,-50],"ticktext":["TICKS","MESH","PLOTLY","JULIA"]},"yaxis":{"tickfont":{"color":"green","family":"Old Standard TT, serif","size":12},"nticks":5,"ticksuffix":"#"},"zaxis":{"ticks":"outside","tick0":0,"nticks":4,"tickwidth":4}},"margin":{"l":10,"b":10,"r":10,"t":10},"width":700},
{"editable":false,"responsive":true,"staticPlot":false,"scrollZoom":true},
)
}
});
</script>
</div>
<h3>Background and Grid Color</h3>
<pre><code class="language-julia">using PlotlyJS
N = 50
trace = mesh3d(x=(30 .* randn(N)),
y=(25 .* randn(N)),
z=(30 .* randn(N)),
opacity=0.5)
# xaxis.backgroundcolor is used to set background color
layout = Layout(scene = attr(
xaxis = attr(
backgroundcolor="rgb(200, 200, 230)",
gridcolor="white",
showbackground=true,
zerolinecolor="white",),
yaxis = attr(
backgroundcolor="rgb(230, 200,230)",
gridcolor="white",
showbackground=true,
zerolinecolor="white"),
zaxis = attr(
backgroundcolor="rgb(230, 230,200)",
gridcolor="white",
showbackground=true,
zerolinecolor="white",),),
width=700,
margin=attr(
r=10, l=10,
b=10, t=10)
)
plot(trace, layout)</code></pre>
<div>
<div
id=0930d7de-6239-4d89-b615-c0cefa6717db
class="plotly-graph-div"
style="height:100%; width:700;">
</div>
<script type="text/javascript">
require(["plotly"], function(Plotly) {
window.PLOTLYENV = window.PLOTLYENV || {}
if (document.getElementById('0930d7de-6239-4d89-b615-c0cefa6717db')) {
Plotly.newPlot(
'0930d7de-6239-4d89-b615-c0cefa6717db',
[{"y":[-9.137096803777697,24.89220213903966,-30.142022348759106,-6.217428787344232,38.18369687455074,72.13775619961001,15.80338362622064,-25.324567920905753,5.9435081261433735,-30.36642352615923,-40.89631319392374,3.5041022642903132,-4.3325772981119055,-25.465895026181997,-3.8035074664382584,-25.971796072051482,-19.950530710469575,15.97341357952144,5.753886406278222,36.67070656381076,-7.90067186879298,15.269856182772115,18.11437149792843,30.41764575240486,-30.72742423185514,25.017114377656434,1.9844690038743784,-19.135368285916496,-55.022663518587436,-6.45581325363757,28.809671109193868,-30.48339349230632,-24.97989578102691,12.121639879530717,5.05746432165015,4.4259546614488565,-9.370560571459853,23.287761739044583,3.645050949310743,-3.781925107225804,-21.29486358851273,11.320169050242084,19.36998820688193,13.178975474733019,-6.730691487647568,14.207693159928777,32.59754013020865,-60.013822239427775,1.4922110315752861,8.998541882355832],"type":"mesh3d","opacity":0.5,"z":[17.669389518732395,-31.517437658890874,-29.864966607089933,-30.01086482439794,2.4485429192177413,61.63008643997227,-10.193398618015918,13.653523360315445,4.6151007980203085,3.7055567356490107,9.841303257026397,19.006900440995892,13.930587552377052,-23.060610747760403,23.817497849683843,-3.4792591220064133,-29.11710203647043,-19.200068930930385,-29.296351429659836,-22.775278557022993,-15.725804617237522,26.33716043690415,14.576757143782897,-3.3814155188868225,-2.709109485265863,-10.329575280656547,-4.980988027949069,-11.451976875354605,-71.98891883386979,-8.495362000279737,-64.3140738719875,25.632555369971488,-27.78428314699656,33.46852771401336,34.88776419302589,-8.801525069324022,-29.787184686543398,0.0027885374311172394,31.753408255995012,28.376837852997184,9.804746558864082,18.68620222730618,0.468475302206043,30.47606928696061,-17.77563396041027,52.65284041637992,-85.17897879366369,-7.4046425012247195,28.419695336210054,-19.117106708202137],"x":[15.840911784527453,23.9253658836584,41.606278189369064,39.0490236830103,17.639405897461224,16.850943286808434,-16.67210989137553,26.431220841844684,17.307339873584873,3.7698127605512872,-6.892911333136887,14.370344703894645,2.9036951781282263,-19.790403195407425,1.0325688264264856,-15.7295054077426,18.112064198587998,-19.10848527406206,10.507493767516074,38.67335959229195,15.796709904821027,9.85187016995645,11.362597361099963,9.966755075626532,-26.898272417210855,47.88960001501121,-39.45360960059411,-17.979738161917872,24.218105918020143,25.062419328137743,28.026518134239303,41.3292237677267,-12.771827069244123,-27.421716378249624,14.863277921557682,2.5201166065442298,-11.5230823117249,-53.82691411167437,-7.241367070984475,18.364434380969588,37.091894464454725,-6.997541693760343,18.173604346815754,96.24467616590286,-12.043685690281949,8.430177232310644,37.29742623026594,5.481087985765336,-23.686196573393406,-55.149377358696256]}],
{"template":{"layout":{"coloraxis":{"colorbar":{"ticks":"","outlinewidth":0}},"xaxis":{"gridcolor":"white","zerolinewidth":2,"title":{"standoff":15},"ticks":"","zerolinecolor":"white","automargin":true,"linecolor":"white"},"hovermode":"closest","paper_bgcolor":"white","geo":{"showlakes":true,"showland":true,"landcolor":"#E5ECF6","bgcolor":"white","subunitcolor":"white","lakecolor":"white"},"colorscale":{"sequential":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]],"diverging":[[0,"#8e0152"],[0.1,"#c51b7d"],[0.2,"#de77ae"],[0.3,"#f1b6da"],[0.4,"#fde0ef"],[0.5,"#f7f7f7"],[0.6,"#e6f5d0"],[0.7,"#b8e186"],[0.8,"#7fbc41"],[0.9,"#4d9221"],[1,"#276419"]],"sequentialminus":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]},"yaxis":{"gridcolor":"white","zerolinewidth":2,"title":{"standoff":15},"ticks":"","zerolinecolor":"white","automargin":true,"linecolor":"white"},"shapedefaults":{"line":{"color":"#2a3f5f"}},"hoverlabel":{"align":"left"},"mapbox":{"style":"light"},"polar":{"angularaxis":{"gridcolor":"white","ticks":"","linecolor":"white"},"bgcolor":"#E5ECF6","radialaxis":{"gridcolor":"white","ticks":"","linecolor":"white"}},"autotypenumbers":"strict","font":{"color":"#2a3f5f"},"ternary":{"baxis":{"gridcolor":"white","ticks":"","linecolor":"white"},"bgcolor":"#E5ECF6","caxis":{"gridcolor":"white","ticks":"","linecolor":"white"},"aaxis":{"gridcolor":"white","ticks":"","linecolor":"white"}},"annotationdefaults":{"arrowhead":0,"arrowwidth":1,"arrowcolor":"#2a3f5f"},"plot_bgcolor":"#E5ECF6","title":{"x":0.05},"scene":{"xaxis":{"gridcolor":"white","gridwidth":2,"backgroundcolor":"#E5ECF6","ticks":"","showbackground":true,"zerolinecolor":"white","linecolor":"white"},"zaxis":{"gridcolor":"white","gridwidth":2,"backgroundcolor":"#E5ECF6","ticks":"","showbackground":true,"zerolinecolor":"white","linecolor":"white"},"yaxis":{"gridcolor":"white","gridwidth":2,"backgroundcolor":"#E5ECF6","ticks":"","showbackground":true,"zerolinecolor":"white","linecolor":"white"}},"colorway":["#636efa","#EF553B","#00cc96","#ab63fa","#FFA15A","#19d3f3","#FF6692","#B6E880","#FF97FF","#FECB52"]},"data":{"barpolar":[{"type":"barpolar","marker":{"line":{"color":"#E5ECF6","width":0.5}}}],"carpet":[{"aaxis":{"gridcolor":"white","endlinecolor":"#2a3f5f","minorgridcolor":"white","startlinecolor":"#2a3f5f","linecolor":"white"},"type":"carpet","baxis":{"gridcolor":"white","endlinecolor":"#2a3f5f","minorgridcolor":"white","startlinecolor":"#2a3f5f","linecolor":"white"}}],"scatterpolar":[{"type":"scatterpolar","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"parcoords":[{"line":{"colorbar":{"ticks":"","outlinewidth":0}},"type":"parcoords"}],"scatter":[{"type":"scatter","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"histogram2dcontour":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"histogram2dcontour","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"contour":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"contour","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"scattercarpet":[{"type":"scattercarpet","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"mesh3d":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"mesh3d"}],"surface":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"surface","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"scattermapbox":[{"type":"scattermapbox","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"scattergeo":[{"type":"scattergeo","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"histogram":[{"type":"histogram","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"pie":[{"type":"pie","automargin":true}],"choropleth":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"choropleth"}],"heatmapgl":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"heatmapgl","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"bar":[{"type":"bar","error_y":{"color":"#2a3f5f"},"error_x":{"color":"#2a3f5f"},"marker":{"line":{"color":"#E5ECF6","width":0.5}}}],"heatmap":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"heatmap","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"contourcarpet":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"contourcarpet"}],"table":[{"type":"table","header":{"line":{"color":"white"},"fill":{"color":"#C8D4E3"}},"cells":{"line":{"color":"white"},"fill":{"color":"#EBF0F8"}}}],"scatter3d":[{"line":{"colorbar":{"ticks":"","outlinewidth":0}},"type":"scatter3d","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"scattergl":[{"type":"scattergl","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"histogram2d":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"histogram2d","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"scatterternary":[{"type":"scatterternary","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"scatterpolargl":[{"type":"scatterpolargl","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}]}},"scene":{"xaxis":{"gridcolor":"white","backgroundcolor":"rgb(200, 200, 230)","showbackground":true,"zerolinecolor":"white"},"yaxis":{"gridcolor":"white","backgroundcolor":"rgb(230, 200,230)","showbackground":true,"zerolinecolor":"white"},"zaxis":{"gridcolor":"white","backgroundcolor":"rgb(230, 230,200)","showbackground":true,"zerolinecolor":"white"}},"margin":{"l":10,"b":10,"r":10,"t":10},"width":700},
{"editable":false,"responsive":true,"staticPlot":false,"scrollZoom":true},
)
}
});
</script>
</div>
<h3>Disabling tooltip spikes</h3>
<p>By default, guidelines originating from the tooltip point are drawn. It is possible to disable this behaviour with the <code>showspikes</code> parameter. In this example we only keep the <code>z</code> spikes (projection of the tooltip on the <code>x-y</code> plane). Hover on the data to show this behaviour.</p>
<pre><code class="language-julia">using PlotlyJS
N = 50
trace = mesh3d(x=(30 .* randn(N)),
y=(25 .* randn(N)),
z=(30 .* randn(N)),
opacity=0.5)
layout = Layout(scene=attr(xaxis_showspikes=false,
yaxis_showspikes=false))
plot(trace, layout)</code></pre>
<div>
<div
id=e55786dc-cd87-480c-b7f1-b38bb1d5e71b
class="plotly-graph-div"
style="height:100%; width:100%;">
</div>
<script type="text/javascript">
require(["plotly"], function(Plotly) {
window.PLOTLYENV = window.PLOTLYENV || {}
if (document.getElementById('e55786dc-cd87-480c-b7f1-b38bb1d5e71b')) {
Plotly.newPlot(
'e55786dc-cd87-480c-b7f1-b38bb1d5e71b',
[{"y":[-20.72601434550984,18.334128062158225,30.910104798042592,-5.256673163916186,-10.731589156976847,34.81301770290264,34.206797149138566,-16.734687718651127,45.01311672189922,38.24623123503684,9.670357988576333,-54.30464340723694,-3.5061713495755527,-36.20441657617019,12.006173729848516,33.64582680914737,-4.531249930477569,0.5331346697657398,2.700126246309627,-39.92399813027331,-9.70766790889455,-24.532519193414977,26.91872838567128,75.14939609536282,-22.156955857387224,-11.247847492973015,12.12399256256049,-24.307517250072117,-4.243329655210013,-17.09296879493425,-2.1267672703772935,4.34323057995508,-0.06701396511593388,28.880982799225553,-34.9848966527452,-2.228406724921194,24.157039967311412,4.88275283499724,-3.6397624107663904,-7.3359920569483155,3.7552770880975044,-16.354765098218824,-5.8845808071809405,-15.871344484592761,39.73461415771307,-9.550358267026885,25.58603125376786,-15.291175612087086,-43.78345821810557,-18.634826335566483],"type":"mesh3d","opacity":0.5,"z":[-0.5356065903578543,8.527795191219218,-21.514665437936426,-2.8149587794045443,28.225048385330112,-17.07640807428507,18.569056861413046,56.21336010610886,-44.93007643475859,-22.683469127124432,-2.0493397501744104,-6.071465865639527,-36.9942537611871,-17.420262371245382,-36.89080030539565,36.85509491380672,34.980246801467246,25.01064690866685,-7.7397606571163315,27.15442159579304,9.221590762417422,-4.003150773199363,17.840647976383273,21.321661582603937,-64.29769372619575,6.095426054057149,-5.829393501508225,8.747625463198224,22.545747348275402,4.859394255363091,38.745858289300365,-10.223305390080501,-38.02513832238972,13.601988448675936,-30.463149483804838,7.839570882133971,-5.496319669582873,11.091876337002907,-36.233192595060366,-6.5726186747491875,-2.1578575284278654,21.263542987103776,-16.701548398633413,24.99165808286871,-19.823202419932684,-0.031609034976779804,-13.576286727941246,-29.733380527360563,-30.731174328511287,43.66750597425128],"x":[-4.574225923419226,30.608846736134748,42.486909856561454,31.221918255811975,-13.031189483156647,-7.822335163267717,28.11160195100507,-64.06600796742849,-36.299530106671504,-52.922646209780886,67.01145084279152,19.107281949930652,4.990892688138184,-23.213836606654894,-41.77335870779095,32.38933097220311,8.06479973249771,21.742243334077887,15.671888106309247,20.460028014772103,48.999614025809926,17.318485872731042,10.313204861148037,-35.4607599473627,-23.8804071785766,19.012726234213343,-18.663929479669424,-7.446851250053032,-35.285079732654246,-18.180555202787854,27.476101959631322,24.353332597918143,-36.06648422549849,28.87658940962152,-22.03540754747533,-38.66022896144474,11.773426291417618,-45.02926270548604,-21.821019659402165,54.17848757236648,38.48356875703395,-27.714880568158154,-25.304377892651313,41.940632810787626,26.62247586740584,-26.164850785021272,16.56866121626869,21.171877594290063,41.66061526673632,-43.900057696392984]}],
{"template":{"layout":{"coloraxis":{"colorbar":{"ticks":"","outlinewidth":0}},"xaxis":{"gridcolor":"white","zerolinewidth":2,"title":{"standoff":15},"ticks":"","zerolinecolor":"white","automargin":true,"linecolor":"white"},"hovermode":"closest","paper_bgcolor":"white","geo":{"showlakes":true,"showland":true,"landcolor":"#E5ECF6","bgcolor":"white","subunitcolor":"white","lakecolor":"white"},"colorscale":{"sequential":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]],"diverging":[[0,"#8e0152"],[0.1,"#c51b7d"],[0.2,"#de77ae"],[0.3,"#f1b6da"],[0.4,"#fde0ef"],[0.5,"#f7f7f7"],[0.6,"#e6f5d0"],[0.7,"#b8e186"],[0.8,"#7fbc41"],[0.9,"#4d9221"],[1,"#276419"]],"sequentialminus":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]},"yaxis":{"gridcolor":"white","zerolinewidth":2,"title":{"standoff":15},"ticks":"","zerolinecolor":"white","automargin":true,"linecolor":"white"},"shapedefaults":{"line":{"color":"#2a3f5f"}},"hoverlabel":{"align":"left"},"mapbox":{"style":"light"},"polar":{"angularaxis":{"gridcolor":"white","ticks":"","linecolor":"white"},"bgcolor":"#E5ECF6","radialaxis":{"gridcolor":"white","ticks":"","linecolor":"white"}},"autotypenumbers":"strict","font":{"color":"#2a3f5f"},"ternary":{"baxis":{"gridcolor":"white","ticks":"","linecolor":"white"},"bgcolor":"#E5ECF6","caxis":{"gridcolor":"white","ticks":"","linecolor":"white"},"aaxis":{"gridcolor":"white","ticks":"","linecolor":"white"}},"annotationdefaults":{"arrowhead":0,"arrowwidth":1,"arrowcolor":"#2a3f5f"},"plot_bgcolor":"#E5ECF6","title":{"x":0.05},"scene":{"xaxis":{"gridcolor":"white","gridwidth":2,"backgroundcolor":"#E5ECF6","ticks":"","showbackground":true,"zerolinecolor":"white","linecolor":"white"},"zaxis":{"gridcolor":"white","gridwidth":2,"backgroundcolor":"#E5ECF6","ticks":"","showbackground":true,"zerolinecolor":"white","linecolor":"white"},"yaxis":{"gridcolor":"white","gridwidth":2,"backgroundcolor":"#E5ECF6","ticks":"","showbackground":true,"zerolinecolor":"white","linecolor":"white"}},"colorway":["#636efa","#EF553B","#00cc96","#ab63fa","#FFA15A","#19d3f3","#FF6692","#B6E880","#FF97FF","#FECB52"]},"data":{"barpolar":[{"type":"barpolar","marker":{"line":{"color":"#E5ECF6","width":0.5}}}],"carpet":[{"aaxis":{"gridcolor":"white","endlinecolor":"#2a3f5f","minorgridcolor":"white","startlinecolor":"#2a3f5f","linecolor":"white"},"type":"carpet","baxis":{"gridcolor":"white","endlinecolor":"#2a3f5f","minorgridcolor":"white","startlinecolor":"#2a3f5f","linecolor":"white"}}],"scatterpolar":[{"type":"scatterpolar","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"parcoords":[{"line":{"colorbar":{"ticks":"","outlinewidth":0}},"type":"parcoords"}],"scatter":[{"type":"scatter","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"histogram2dcontour":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"histogram2dcontour","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"contour":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"contour","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"scattercarpet":[{"type":"scattercarpet","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"mesh3d":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"mesh3d"}],"surface":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"surface","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"scattermapbox":[{"type":"scattermapbox","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"scattergeo":[{"type":"scattergeo","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"histogram":[{"type":"histogram","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"pie":[{"type":"pie","automargin":true}],"choropleth":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"choropleth"}],"heatmapgl":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"heatmapgl","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"bar":[{"type":"bar","error_y":{"color":"#2a3f5f"},"error_x":{"color":"#2a3f5f"},"marker":{"line":{"color":"#E5ECF6","width":0.5}}}],"heatmap":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"heatmap","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"contourcarpet":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"contourcarpet"}],"table":[{"type":"table","header":{"line":{"color":"white"},"fill":{"color":"#C8D4E3"}},"cells":{"line":{"color":"white"},"fill":{"color":"#EBF0F8"}}}],"scatter3d":[{"line":{"colorbar":{"ticks":"","outlinewidth":0}},"type":"scatter3d","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"scattergl":[{"type":"scattergl","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"histogram2d":[{"colorbar":{"ticks":"","outlinewidth":0},"type":"histogram2d","colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"scatterternary":[{"type":"scatterternary","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}],"scatterpolargl":[{"type":"scatterpolargl","marker":{"colorbar":{"ticks":"","outlinewidth":0}}}]}},"scene":{"xaxis":{"showspikes":false},"yaxis":{"showspikes":false}},"margin":{"l":50,"b":50,"r":50,"t":60}},
{"editable":false,"responsive":true,"staticPlot":false,"scrollZoom":true},
)
}
});
</script>
</div>
</div>
</section>
<!--End Plotly Basics Section-->
</section>
</div>
</main>
<script>
var array = [];
$('.tutorial-content :header:not(h6)').each(function (i, e) {
var item = $(e);
var itemText = item.text();