Skip to content

Commit 9baa0d8

Browse files
michaelbabynmichaelbabyn
committed
Site updated at 2019-05-09 20:35:43 UTC
1 parent 3dd95b2 commit 9baa0d8

File tree

35 files changed

+4154
-2884
lines changed

35 files changed

+4154
-2884
lines changed

‎ggplot2/index.html

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -935,6 +935,12 @@ <h1>Plotly ggplot2 Library</h1>
935935

936936

937937

938+
939+
940+
941+
942+
943+
938944

939945

940946

@@ -961,12 +967,6 @@ <h1>Plotly ggplot2 Library</h1>
961967

962968

963969

964-
965-
966-
967-
968-
969-
970970

971971

972972
<li style="background-image: url(https://images.plot.ly/plotly-documentation/thumbnail/bar.jpg);" class="--grid-item">
@@ -1001,6 +1001,8 @@ <h1>Plotly ggplot2 Library</h1>
10011001

10021002

10031003

1004+
1005+
10041006

10051007

10061008
<li style="background-image: url(https://images.plot.ly/plotly-documentation/thumbnail/jitter.png);" class="--grid-item">
@@ -1021,8 +1023,6 @@ <h1>Plotly ggplot2 Library</h1>
10211023

10221024

10231025

1024-
1025-
10261026

10271027

10281028
<li style="background-image: url(https://images.plot.ly/plotly-documentation/thumbnail/line_shapes.jpg);" class="--grid-item">
@@ -1223,8 +1223,6 @@ <h1>Plotly ggplot2 Library</h1>
12231223

12241224

12251225

1226-
1227-
12281226

12291227
<li style="background-image: url(https://images.plot.ly/plotly-documentation/thumbnail/geom_ribbon.jpg);" class="--grid-item">
12301228
<a href="/ggplot2/geom_ribbon/">
@@ -1243,16 +1241,18 @@ <h1>Plotly ggplot2 Library</h1>
12431241

12441242

12451243

1244+
1245+
12461246

1247-
<li style="background-image: url(https://images.plot.ly/plotly-documentation/thumbnail/line-plots.jpg);" class="--grid-item">
1248-
<a href="/ggplot2/geom_smooth/">
1247+
<li style="background-image: url(https://images.plot.ly/plotly-documentation/thumbnail/stat_smooth.jpg);" class="--grid-item">
1248+
<a href="/ggplot2/stat_smooth/">
12491249

12501250

1251-
<!--<a href="ggplot2/geom_smooth/">-->
1252-
<div class="--item-meta"><span>geom_smooth</span></div>
1251+
<!--<a href="ggplot2/stat_smooth/">-->
1252+
<div class="--item-meta"><span>stat_smooth</span></div>
12531253
<div class="--item-image">
12541254
<span>View Tutorial</span>
1255-
<img src="https://images.plot.ly/plotly-documentation/thumbnail/line-plots.jpg" alt="geom_smooth">
1255+
<img src="https://images.plot.ly/plotly-documentation/thumbnail/stat_smooth.jpg" alt="stat_smooth">
12561256
</div>
12571257
</a>
12581258

@@ -1262,15 +1262,15 @@ <h1>Plotly ggplot2 Library</h1>
12621262

12631263

12641264

1265-
<li style="background-image: url(https://images.plot.ly/plotly-documentation/thumbnail/stat_smooth.jpg);" class="--grid-item">
1266-
<a href="/ggplot2/stat_smooth/">
1265+
<li style="background-image: url(https://images.plot.ly/plotly-documentation/thumbnail/line-plots.jpg);" class="--grid-item">
1266+
<a href="/ggplot2/geom_smooth/">
12671267

12681268

1269-
<!--<a href="ggplot2/stat_smooth/">-->
1270-
<div class="--item-meta"><span>stat_smooth</span></div>
1269+
<!--<a href="ggplot2/geom_smooth/">-->
1270+
<div class="--item-meta"><span>geom_smooth</span></div>
12711271
<div class="--item-image">
12721272
<span>View Tutorial</span>
1273-
<img src="https://images.plot.ly/plotly-documentation/thumbnail/stat_smooth.jpg" alt="stat_smooth">
1273+
<img src="https://images.plot.ly/plotly-documentation/thumbnail/line-plots.jpg" alt="geom_smooth">
12741274
</div>
12751275
</a>
12761276

@@ -1369,8 +1369,6 @@ <h1>Plotly ggplot2 Library</h1>
13691369

13701370

13711371

1372-
1373-
13741372

13751373
<li style="background-image: url(https://images.plot.ly/plotly-documentation/thumbnail/apple_stock_animation.gif);" class="--grid-item">
13761374
<a href="/ggplot2/cumulative-animations/">
@@ -1415,6 +1413,8 @@ <h1>Plotly ggplot2 Library</h1>
14151413

14161414

14171415

1416+
1417+
14181418

14191419

14201420

‎javascript/axes/index.html

Lines changed: 113 additions & 113 deletions
Original file line numberDiff line numberDiff line change
@@ -497,6 +497,74 @@ <h4 id="tick-placement-color-and-style"><a class="no_underline plot-blue" href="
497497

498498
</div>
499499

500+
<div class="section">
501+
<div class="row auto-eg-padding">
502+
<div class=" row twelve columns">
503+
<h4 id="styling-and-coloring-axes-and-the-zero-line"><a class="no_underline plot-blue" href="#styling-and-coloring-axes-and-the-zero-line">Styling and Coloring Axes and the Zero-Line</a></h4>
504+
</div>
505+
<div class="row">
506+
<div class="twelve columns">
507+
508+
509+
<div class="z-depth-1">
510+
<pre><code class="plotly_js">var trace1 = {
511+
x: [0, 1, 2, 3, 4, 5, 6, 7, 8],
512+
y: [8, 7, 6, 5, 4, 3, 2, 1, 0],
513+
type: 'scatter'
514+
};
515+
var trace2 = {
516+
x: [0, 1, 2, 3, 4, 5, 6, 7, 8],
517+
y: [0, 1, 2, 3, 4, 5, 6, 7, 8],
518+
type: 'scatter'
519+
};
520+
var data = [trace1, trace2];
521+
var layout = {
522+
xaxis: {
523+
showgrid: true,
524+
zeroline: true,
525+
showline: true,
526+
mirror: 'ticks',
527+
gridcolor: '#bdbdbd',
528+
gridwidth: 2,
529+
zerolinecolor: '#969696',
530+
zerolinewidth: 4,
531+
linecolor: '#636363',
532+
linewidth: 6
533+
},
534+
yaxis: {
535+
showgrid: true,
536+
zeroline: true,
537+
showline: true,
538+
mirror: 'ticks',
539+
gridcolor: '#bdbdbd',
540+
gridwidth: 2,
541+
zerolinecolor: '#969696',
542+
zerolinewidth: 4,
543+
linecolor: '#636363',
544+
linewidth: 6
545+
}
546+
};
547+
Plotly.newPlot('myDiv', data, layout);
548+
</code></pre>
549+
</div>
550+
551+
552+
</div>
553+
554+
<div class="twelve columns">
555+
<div class="border" style="text-align:center;">
556+
557+
<iframe id="auto-examples" src="https://codepen.io/plotly/embed/f7d6db9779e017aad66b28c45121a9b6/?height=500&theme-id=15263&default-tab=result"
558+
style="width: 100%; height: 550px; border: none;"></iframe>
559+
560+
</div>
561+
</div>
562+
563+
</div>
564+
</div>
565+
566+
</div>
567+
500568
<div class="section">
501569
<div class="row auto-eg-padding">
502570
<div class=" row twelve columns">
@@ -586,74 +654,6 @@ <h4 id="set-and-style-axes-title-labels-and-ticks"><a class="no_underline plot-b
586654

587655
</div>
588656

589-
<div class="section">
590-
<div class="row auto-eg-padding">
591-
<div class=" row twelve columns">
592-
<h4 id="styling-and-coloring-axes-and-the-zero-line"><a class="no_underline plot-blue" href="#styling-and-coloring-axes-and-the-zero-line">Styling and Coloring Axes and the Zero-Line</a></h4>
593-
</div>
594-
<div class="row">
595-
<div class="twelve columns">
596-
597-
598-
<div class="z-depth-1">
599-
<pre><code class="plotly_js">var trace1 = {
600-
x: [0, 1, 2, 3, 4, 5, 6, 7, 8],
601-
y: [8, 7, 6, 5, 4, 3, 2, 1, 0],
602-
type: 'scatter'
603-
};
604-
var trace2 = {
605-
x: [0, 1, 2, 3, 4, 5, 6, 7, 8],
606-
y: [0, 1, 2, 3, 4, 5, 6, 7, 8],
607-
type: 'scatter'
608-
};
609-
var data = [trace1, trace2];
610-
var layout = {
611-
xaxis: {
612-
showgrid: true,
613-
zeroline: true,
614-
showline: true,
615-
mirror: 'ticks',
616-
gridcolor: '#bdbdbd',
617-
gridwidth: 2,
618-
zerolinecolor: '#969696',
619-
zerolinewidth: 4,
620-
linecolor: '#636363',
621-
linewidth: 6
622-
},
623-
yaxis: {
624-
showgrid: true,
625-
zeroline: true,
626-
showline: true,
627-
mirror: 'ticks',
628-
gridcolor: '#bdbdbd',
629-
gridwidth: 2,
630-
zerolinecolor: '#969696',
631-
zerolinewidth: 4,
632-
linecolor: '#636363',
633-
linewidth: 6
634-
}
635-
};
636-
Plotly.newPlot('myDiv', data, layout);
637-
</code></pre>
638-
</div>
639-
640-
641-
</div>
642-
643-
<div class="twelve columns">
644-
<div class="border" style="text-align:center;">
645-
646-
<iframe id="auto-examples" src="https://codepen.io/plotly/embed/f7d6db9779e017aad66b28c45121a9b6/?height=500&theme-id=15263&default-tab=result"
647-
style="width: 100%; height: 550px; border: none;"></iframe>
648-
649-
</div>
650-
</div>
651-
652-
</div>
653-
</div>
654-
655-
</div>
656-
657657
<div class="section">
658658
<div class="row auto-eg-padding">
659659
<div class=" row twelve columns">
@@ -765,32 +765,39 @@ <h4 id="toggling-axes-lines-ticks-labels-and-autorange"><a class="no_underline p
765765
<div class="section">
766766
<div class="row auto-eg-padding">
767767
<div class=" row twelve columns">
768-
<h4 id="nonnegative-tozero-and-normal-rangemode"><a class="no_underline plot-blue" href="#nonnegative-tozero-and-normal-rangemode"><code>nonnegative</code>, <code>tozero</code>, and <code>normal</code> Rangemode</a></h4>
768+
<h4 id="enumerated-ticks-with-tickvals-and-ticktext"><a class="no_underline plot-blue" href="#enumerated-ticks-with-tickvals-and-ticktext">Enumerated Ticks with Tickvals and Ticktext</a></h4>
769769
</div>
770770
<div class="row">
771771
<div class="twelve columns">
772772

773773

774774
<div class="z-depth-1">
775-
<pre><code class="plotly_js">var data = [
776-
{
777-
x: [2, 4, 6],
778-
y: [-3, 0, 3],
779-
type: 'scatter'
780-
}
781-
];
782-
var layout = {
783-
showlegend: false,
784-
xaxis: {
785-
rangemode: 'tozero',
786-
autorange: true
787-
},
788-
yaxis: {
789-
rangemode: 'nonnegative',
790-
autorange: true
791-
}
775+
<pre><code class="plotly_js">Plotly.d3.csv('https://raw.githubusercontent.com/plotly/datasets/master/stockdata.csv', function(err, rows){
776+
function unpack(rows, key) {
777+
return rows.map(function(row)
778+
{ return row[key]; });}
779+
780+
var trace1 = {
781+
x:unpack(rows, 'Date'),
782+
y: unpack(rows, 'IBM'),
783+
mode: 'markers',
784+
marker: {
785+
size: 7,
786+
line: {
787+
width: 0.5},
788+
opacity: 0.8},
789+
type: 'scatter'
792790
};
791+
792+
var layout = {
793+
title: 'IBM Stock Data: Jan 2007 - Mar 2016',
794+
xaxis: {tickvals:['2007-01-01', '2007-09-01', '2008-01-01', '2008-09-01', '2009-01-01', '2010-01-01', '2011-01-01', '2011-02-14', '2012-01-01', '2013-01-01', '2014-01-01', '2015-01-01', '2016-01-01'],
795+
ticktext : ['2007', 'Financial Crisis Starts', '2008', 'Financial Crisis Ends', '2009', '2010', '2011', 'IBM wins Jeopardy!', '2012', '2013', '2014', '2015', '2016']},
796+
}
797+
798+
var data = [trace1];
793799
Plotly.newPlot('myDiv', data, layout);
800+
});
794801
</code></pre>
795802
</div>
796803

@@ -800,7 +807,7 @@ <h4 id="nonnegative-tozero-and-normal-rangemode"><a class="no_underline plot-blu
800807
<div class="twelve columns">
801808
<div class="border" style="text-align:center;">
802809

803-
<iframe id="auto-examples" src="https://codepen.io/plotly/embed/10e8cfd24616e2ee37ce316442f00b35/?height=500&theme-id=15263&default-tab=result"
810+
<iframe id="auto-examples" src="https://codepen.io/plotly/embed/ozYOEg/?height=500&theme-id=15263&default-tab=result"
804811
style="width: 100%; height: 550px; border: none;"></iframe>
805812

806813
</div>
@@ -814,39 +821,32 @@ <h4 id="nonnegative-tozero-and-normal-rangemode"><a class="no_underline plot-blu
814821
<div class="section">
815822
<div class="row auto-eg-padding">
816823
<div class=" row twelve columns">
817-
<h4 id="enumerated-ticks-with-tickvals-and-ticktext"><a class="no_underline plot-blue" href="#enumerated-ticks-with-tickvals-and-ticktext">Enumerated Ticks with Tickvals and Ticktext</a></h4>
824+
<h4 id="nonnegative-tozero-and-normal-rangemode"><a class="no_underline plot-blue" href="#nonnegative-tozero-and-normal-rangemode"><code>nonnegative</code>, <code>tozero</code>, and <code>normal</code> Rangemode</a></h4>
818825
</div>
819826
<div class="row">
820827
<div class="twelve columns">
821828

822829

823830
<div class="z-depth-1">
824-
<pre><code class="plotly_js">Plotly.d3.csv('https://raw.githubusercontent.com/plotly/datasets/master/stockdata.csv', function(err, rows){
825-
function unpack(rows, key) {
826-
return rows.map(function(row)
827-
{ return row[key]; });}
828-
829-
var trace1 = {
830-
x:unpack(rows, 'Date'),
831-
y: unpack(rows, 'IBM'),
832-
mode: 'markers',
833-
marker: {
834-
size: 7,
835-
line: {
836-
width: 0.5},
837-
opacity: 0.8},
838-
type: 'scatter'
839-
};
840-
831+
<pre><code class="plotly_js">var data = [
832+
{
833+
x: [2, 4, 6],
834+
y: [-3, 0, 3],
835+
type: 'scatter'
836+
}
837+
];
841838
var layout = {
842-
title: 'IBM Stock Data: Jan 2007 - Mar 2016',
843-
xaxis: {tickvals:['2007-01-01', '2007-09-01', '2008-01-01', '2008-09-01', '2009-01-01', '2010-01-01', '2011-01-01', '2011-02-14', '2012-01-01', '2013-01-01', '2014-01-01', '2015-01-01', '2016-01-01'],
844-
ticktext : ['2007', 'Financial Crisis Starts', '2008', 'Financial Crisis Ends', '2009', '2010', '2011', 'IBM wins Jeopardy!', '2012', '2013', '2014', '2015', '2016']},
845-
}
846-
847-
var data = [trace1];
839+
showlegend: false,
840+
xaxis: {
841+
rangemode: 'tozero',
842+
autorange: true
843+
},
844+
yaxis: {
845+
rangemode: 'nonnegative',
846+
autorange: true
847+
}
848+
};
848849
Plotly.newPlot('myDiv', data, layout);
849-
});
850850
</code></pre>
851851
</div>
852852

@@ -856,7 +856,7 @@ <h4 id="enumerated-ticks-with-tickvals-and-ticktext"><a class="no_underline plot
856856
<div class="twelve columns">
857857
<div class="border" style="text-align:center;">
858858

859-
<iframe id="auto-examples" src="https://codepen.io/plotly/embed/ozYOEg/?height=500&theme-id=15263&default-tab=result"
859+
<iframe id="auto-examples" src="https://codepen.io/plotly/embed/10e8cfd24616e2ee37ce316442f00b35/?height=500&theme-id=15263&default-tab=result"
860860
style="width: 100%; height: 550px; border: none;"></iframe>
861861

862862
</div>

0 commit comments

Comments
 (0)