plotly · michaelbabyn · Oct 10, 2018 · Oct 3, 2018 · Oct 3, 2018 · Oct 3, 2018
diff --git a/_posts/plotly_js/style/colorway/2018-10-03-colorway.html b/_posts/plotly_js/style/colorway/2018-10-03-colorway.html
@@ -0,0 +1,33 @@
+---
+name: Set Default Trace Colors with colorway
+plot_url: https://codepen.io/plotly/embed/jeqNBq/?height=500&theme-id=15263&default-tab=result
+language: plotly_js
+suite: colorway
+order: 1
+sitemap: false
+arrangement: horizontal
+---
+
+var linspace = require('linspace');
+const parabolaGen = (a, b) =>
+  x => x*x*a + b;
+
+var as = linspace(1, 3, 7);
+var bs = linspace(2, 14, 7);
+var x = linspace(-1, 3, 50);
+var data = [];
+
+for (i=0; i< as.length; i++ ){
+  data.push({
+    type: "scatter",
+    mode: "lines",
+    x: x,
+    y: x.map(parabolaGen(as[i],bs[i]))
+  })
+}
+
+var layout = {
+  colorway : ['#f3cec9', '#e7a4b6', '#cd7eaf', '#a262a9', '#6f4d96', '#3d3b72', '#182844']
+};
+
+Plotly.newPlot('myDiv', data, layout);
diff --git a/_posts/plotly_js/style/colorway/2018-10-03-colorway_plotlyjs_index.html b/_posts/plotly_js/style/colorway/2018-10-03-colorway_plotlyjs_index.html
@@ -0,0 +1,16 @@
+---
+title: Colorway in JavaScript.
+name: Colorway
+permalink: javascript/colorway/
+description: How to use colorway to set default trace colors in Javascript with Plotly.
+layout: base
+thumbnail: thumbnail/colorway.jpg
+language: plotly_js
+page_type: example_index
+has_thumbnail: true
+display_as: style_opt
+order: 3
+---
+
+{% assign examples = site.posts | where:"language","plotly_js" | where:"suite","colorway" | sort: "order" %}
+{% include auto_examples.html examples=examples %}
diff --git a/_posts/python/style/colorway/2015-06-30-colorway.html b/_posts/python/style/colorway/2015-06-30-colorway.html
@@ -0,0 +1,147 @@
+---
+permalink: python/colorway/
+description: How to set default trace colors with colorway.
+name: Colorway
+has_thumbnail: true
+thumbnail: thumbnail/colorway.jpg
+layout: user-guide
+language: python
+title: Colorway in Python | Plotly
+display_as: style_opt
+has_thumbnail: true
+page_type: example_index
+order: 7.9
+ipynb: ~notebook_demo/256
+---
+{% raw %}
+<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
+</div>
+<div class="inner_cell">
+<div class="text_cell_render border-box-sizing rendered_html">
+<h4 id="New-to-Plotly?">New to Plotly?<a class="anchor-link" href="#New-to-Plotly?">&#182;</a></h4><p>Plotly's Python library is free and open source! <a href="https://plot.ly/python/getting-started/">Get started</a> by downloading the client and <a href="https://plot.ly/python/getting-started/">reading the primer</a>.
+<br>You can set up Plotly to work in <a href="https://plot.ly/python/getting-started/#initialization-for-online-plotting">online</a> or <a href="https://plot.ly/python/getting-started/#initialization-for-offline-plotting">offline</a> mode, or in <a href="https://plot.ly/python/getting-started/#start-plotting-online">jupyter notebooks</a>.
+<br>We also have a quick-reference <a href="https://images.plot.ly/plotly-documentation/images/python_cheat_sheet.pdf">cheatsheet</a> (new!) to help you get started!</p>
+
+</div>
+</div>
+</div>
+<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
+</div>
+<div class="inner_cell">
+<div class="text_cell_render border-box-sizing rendered_html">
+<h4 id="Version-Check">Version Check<a class="anchor-link" href="#Version-Check">&#182;</a></h4><p>Plotly's python package is updated frequently. Run <code>pip install plotly --upgrade</code> to use the latest version.</p>
+
+</div>
+</div>
+</div>
+<div class="cell border-box-sizing code_cell rendered">
+<div class="input">
+<div class="prompt input_prompt">In&nbsp;[1]:</div>
+<div class="inner_cell">
+    <div class="input_area">
+<div class=" highlight hl-ipython2"><pre><span></span><span class="kn">import</span> <span class="nn">plotly</span>
+<span class="n">plotly</span><span class="o">.</span><span class="n">__version__</span>
+</pre></div>
+
+</div>
+</div>
+</div>
+
+<div class="output_wrapper">
+<div class="output">
+
+
+<div class="output_area">
+
+<div class="prompt output_prompt">Out[1]:</div>
+
+
+
+
+<div class="output_text output_subarea output_execute_result">
+<pre>&#39;3.1.1&#39;</pre>
+</div>
+
+</div>
+
+</div>
+</div>
+
+</div>
+<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
+</div>
+<div class="inner_cell">
+<div class="text_cell_render border-box-sizing rendered_html">
+<h4 id="Set-Default-Trace-Colors-with-colorway">Set Default Trace Colors with <code>colorway</code><a class="anchor-link" href="#Set-Default-Trace-Colors-with-colorway">&#182;</a></h4>
+</div>
+</div>
+</div>
+<div class="cell border-box-sizing code_cell rendered">
+<div class="input">
+<div class="prompt input_prompt">In&nbsp;[2]:</div>
+<div class="inner_cell">
+    <div class="input_area">
+<div class=" highlight hl-ipython2"><pre><span></span><span class="kn">import</span> <span class="nn">plotly.plotly</span> <span class="kn">as</span> <span class="nn">py</span>
+<span class="kn">import</span> <span class="nn">plotly.graph_objs</span> <span class="kn">as</span> <span class="nn">go</span>
+
+<span class="kn">import</span> <span class="nn">numpy</span> <span class="kn">as</span> <span class="nn">np</span>
+
+
+<span class="k">def</span> <span class="nf">parabola_gen</span><span class="p">(</span><span class="n">a</span><span class="p">,</span> <span class="n">b</span><span class="p">):</span>
+    <span class="k">return</span> <span class="k">lambda</span> <span class="n">x</span><span class="p">:</span> <span class="n">a</span> <span class="o">*</span> <span class="n">x</span> <span class="o">**</span> <span class="mi">2</span> <span class="o">+</span> <span class="n">b</span>
+
+
+<span class="n">parabolas</span> <span class="o">=</span> <span class="p">[</span><span class="n">parabola_gen</span><span class="p">(</span><span class="n">a</span><span class="p">,</span> <span class="n">b</span><span class="p">)</span> <span class="k">for</span> <span class="n">a</span><span class="p">,</span> <span class="n">b</span> <span class="ow">in</span> <span class="nb">zip</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">linspace</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span> <span class="mi">3</span><span class="p">,</span> <span class="mi">7</span><span class="p">),</span> <span class="n">np</span><span class="o">.</span><span class="n">linspace</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span> <span class="mi">14</span><span class="p">,</span> <span class="mi">7</span><span class="p">))]</span>
+<span class="n">x</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">linspace</span><span class="p">(</span><span class="o">-</span><span class="mi">1</span><span class="p">,</span> <span class="mi">3</span><span class="p">)</span>
+<span class="n">data</span> <span class="o">=</span> <span class="p">[</span><span class="n">go</span><span class="o">.</span><span class="n">Scatter</span><span class="p">(</span><span class="n">x</span><span class="o">=</span><span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="o">=</span><span class="n">p</span><span class="p">(</span><span class="n">x</span><span class="p">),</span> <span class="n">mode</span><span class="o">=</span><span class="s1">&#39;lines&#39;</span><span class="p">)</span> <span class="k">for</span> <span class="n">p</span> <span class="ow">in</span> <span class="n">parabolas</span><span class="p">]</span>
+
+<span class="n">colorway</span> <span class="o">=</span> <span class="p">[</span><span class="s1">&#39;#f3cec9&#39;</span><span class="p">,</span> <span class="s1">&#39;#e7a4b6&#39;</span><span class="p">,</span> <span class="s1">&#39;#cd7eaf&#39;</span><span class="p">,</span> <span class="s1">&#39;#a262a9&#39;</span><span class="p">,</span> <span class="s1">&#39;#6f4d96&#39;</span><span class="p">,</span> <span class="s1">&#39;#3d3b72&#39;</span><span class="p">,</span> <span class="s1">&#39;#182844&#39;</span><span class="p">]</span>
+<span class="n">layout</span> <span class="o">=</span> <span class="n">go</span><span class="o">.</span><span class="n">Layout</span><span class="p">(</span><span class="n">colorway</span><span class="o">=</span><span class="n">colorway</span><span class="p">)</span>
+
+<span class="n">py</span><span class="o">.</span><span class="n">iplot</span><span class="p">(</span><span class="n">go</span><span class="o">.</span><span class="n">Figure</span><span class="p">(</span><span class="n">data</span><span class="o">=</span><span class="n">data</span><span class="p">,</span> <span class="n">layout</span><span class="o">=</span><span class="n">layout</span><span class="p">))</span>
+</pre></div>
+
+</div>
+</div>
+</div>
+
+<div class="output_wrapper">
+<div class="output">
+
+
+<div class="output_area">
+
+<div class="prompt output_prompt">Out[2]:</div>
+
+
+
+<div class="output_html rendered_html output_subarea output_execute_result">
+<iframe id="igraph" scrolling="no" style="border:none;" seamless="seamless" src="https://plot.ly/~PythonPlotBot/2807.embed" height="525px" width="100%"></iframe>
+</div>
+
+</div>
+
+</div>
+</div>
+
+</div>
+<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
+</div>
+<div class="inner_cell">
+<div class="text_cell_render border-box-sizing rendered_html">
+<h3 id="Reference">Reference<a class="anchor-link" href="#Reference">&#182;</a></h3>
+</div>
+</div>
+</div>
+<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
+</div>
+<div class="inner_cell">
+<div class="text_cell_render border-box-sizing rendered_html">
+<p>See <a href="https://plot.ly/python/reference/#layout-colorway">https://plot.ly/python/reference/#layout-colorway</a> for more information about the colorway attribute</p>
+
+</div>
+</div>
+</div>
+
+
+{% endraw %}