add Dash Club

Author: LiamConnors

doc/python/axes.md

@@ -6,7 +6,7 @@ jupyter:
       extension: .md
       format_name: markdown
       format_version: '1.3'
-      jupytext_version: 1.13.7
+      jupytext_version: 1.14.1
   kernelspec:
     display_name: Python 3 (ipykernel)
     language: python
@@ -20,7 +20,7 @@ jupyter:
     name: python
     nbconvert_exporter: python
     pygments_lexer: ipython3
-    version: 3.9.7
+    version: 3.8.0
   plotly:
     description: How to adjust axes properties in Python - axes titles, styling and
       coloring axes and grid lines, ticks, tick labels and more.
@@ -137,6 +137,12 @@ snippet_url = 'https://python-docs-dash-snippets.herokuapp.com/python-docs-dash-
 IFrame(snippet_url + 'axes', width='100%', height=1200)
 ```
 
+<div style="font-size: 0.9em;"><div style="width: calc(100% - 30px); box-shadow: none; border: thin solid rgb(229, 229, 229);" data-user-style="{&quot;boxShadow&quot;:&quot;none&quot;,&quot;width&quot;:&quot;calc(100% - 30px)&quot;,&quot;border&quot;:&quot;thin rgb(229,229,229) solid&quot;}" class="block card ddk-card "><div class="card--content" style="padding: 5px;"><div><p><strong>Sign up for Dash Club</strong> → Updates from Chris Parmer and
+Adam Schroeder delivered to your inbox every two months. Includes tips and tricks,
+community apps, and deep dives into the Dash architecture.
+<u><a href="https://go.plotly.com/dash-club?utm_medium=dash_docs&amp;utm_content=installation">Join now</a></u>.</p></div></div></div></div>
+
+
 #### Moving Tick Labels Inside the Plot
 
 The `ticklabelposition` attribute moves tick labels inside the plotting area, and modifies the auto-range behaviour to accommodate the labels.

doc/python/bar-charts.md

@@ -6,9 +6,9 @@ jupyter:
       extension: .md
       format_name: markdown
       format_version: '1.3'
-      jupytext_version: 1.13.4
+      jupytext_version: 1.14.1
   kernelspec:
-    display_name: Python 3
+    display_name: Python 3 (ipykernel)
     language: python
     name: python3
   language_info:
@@ -20,7 +20,7 @@ jupyter:
     name: python
     nbconvert_exporter: python
     pygments_lexer: ipython3
-    version: 3.8.11
+    version: 3.8.0
   plotly:
     description: How to make Bar Charts in Python with Plotly.
     display_as: basic
@@ -100,6 +100,12 @@ snippet_url = 'https://python-docs-dash-snippets.herokuapp.com/python-docs-dash-
 IFrame(snippet_url + 'bar-charts', width='100%', height=1200)
 ```
 
+<div style="font-size: 0.9em;"><div style="width: calc(100% - 30px); box-shadow: none; border: thin solid rgb(229, 229, 229);" data-user-style="{&quot;boxShadow&quot;:&quot;none&quot;,&quot;width&quot;:&quot;calc(100% - 30px)&quot;,&quot;border&quot;:&quot;thin rgb(229,229,229) solid&quot;}" class="block card ddk-card "><div class="card--content" style="padding: 5px;"><div><p><strong>Sign up for Dash Club</strong> → Updates from Chris Parmer and
+Adam Schroeder delivered to your inbox every two months. Includes tips and tricks,
+community apps, and deep dives into the Dash architecture.
+<u><a href="https://go.plotly.com/dash-club?utm_medium=dash_docs&amp;utm_content=installation">Join now</a></u>.</p></div></div></div></div>
+
+
 ### Colored Bars
 
 The bar plot can be customized using keyword arguments, for example to use [continuous color](https://plotly.com/python/colorscales/), as below, or [discrete color](/python/discrete-color/), as above.

doc/python/creating-and-updating-figures.md

@@ -5,10 +5,10 @@ jupyter:
     text_representation:
       extension: .md
       format_name: markdown
-      format_version: '1.2'
-      jupytext_version: 1.6.0
+      format_version: '1.3'
+      jupytext_version: 1.14.1
   kernelspec:
-    display_name: Python 3
+    display_name: Python 3 (ipykernel)
     language: python
     name: python3
   language_info:
@@ -20,7 +20,7 @@ jupyter:
     name: python
     nbconvert_exporter: python
     pygments_lexer: ipython3
-    version: 3.7.6
+    version: 3.8.0
   plotly:
     description: Creating and Updating Figures with Plotly's Python graphing library
     display_as: file_settings
@@ -140,6 +140,12 @@ snippet_url = 'https://python-docs-dash-snippets.herokuapp.com/python-docs-dash-
 IFrame(snippet_url + 'figure-structure', width='100%', height=1200)
 ```
 
+<div style="font-size: 0.9em;"><div style="width: calc(100% - 30px); box-shadow: none; border: thin solid rgb(229, 229, 229);" data-user-style="{&quot;boxShadow&quot;:&quot;none&quot;,&quot;width&quot;:&quot;calc(100% - 30px)&quot;,&quot;border&quot;:&quot;thin rgb(229,229,229) solid&quot;}" class="block card ddk-card "><div class="card--content" style="padding: 5px;"><div><p><strong>Sign up for Dash Club</strong> → Updates from Chris Parmer and
+Adam Schroeder delivered to your inbox every two months. Includes tips and tricks,
+community apps, and deep dives into the Dash architecture.
+<u><a href="https://go.plotly.com/dash-club?utm_medium=dash_docs&amp;utm_content=installation">Join now</a></u>.</p></div></div></div></div>
+
+
 ### Creating Figures
 
 This section summarizes several ways to create new graph object figures with the `plotly.py` graphing library.

doc/python/discrete-color.md

@@ -5,10 +5,10 @@ jupyter:
     text_representation:
       extension: .md
       format_name: markdown
-      format_version: '1.2'
-      jupytext_version: 1.6.0
+      format_version: '1.3'
+      jupytext_version: 1.14.1
   kernelspec:
-    display_name: Python 3
+    display_name: Python 3 (ipykernel)
     language: python
     name: python3
   language_info:
@@ -20,7 +20,7 @@ jupyter:
     name: python
     nbconvert_exporter: python
     pygments_lexer: ipython3
-    version: 3.7.6
+    version: 3.8.0
   plotly:
     description: How to use and configure discrete color sequences, also known as
       categorical or qualitative color scales.
@@ -111,6 +111,12 @@ snippet_url = 'https://python-docs-dash-snippets.herokuapp.com/python-docs-dash-
 IFrame(snippet_url + 'discrete-color', width='100%', height=1200)
 ```
 
+<div style="font-size: 0.9em;"><div style="width: calc(100% - 30px); box-shadow: none; border: thin solid rgb(229, 229, 229);" data-user-style="{&quot;boxShadow&quot;:&quot;none&quot;,&quot;width&quot;:&quot;calc(100% - 30px)&quot;,&quot;border&quot;:&quot;thin rgb(229,229,229) solid&quot;}" class="block card ddk-card "><div class="card--content" style="padding: 5px;"><div><p><strong>Sign up for Dash Club</strong> → Updates from Chris Parmer and
+Adam Schroeder delivered to your inbox every two months. Includes tips and tricks,
+community apps, and deep dives into the Dash architecture.
+<u><a href="https://go.plotly.com/dash-club?utm_medium=dash_docs&amp;utm_content=installation">Join now</a></u>.</p></div></div></div></div>
+
+
 ### Color Sequences in Plotly Express
 
 By default, Plotly Express will use the color sequence from the active [template](/python/templates/)'s `layout.colorway` attribute, and the default active template is `plotly` which uses the `plotly` color sequence. You can choose any of the following built-in qualitative color sequences from the `px.colors.qualitative` module, however, or define your own.

doc/python/figure-labels.md

@@ -5,10 +5,10 @@ jupyter:
     text_representation:
       extension: .md
       format_name: markdown
-      format_version: '1.2'
-      jupytext_version: 1.6.0
+      format_version: '1.3'
+      jupytext_version: 1.14.1
   kernelspec:
-    display_name: Python 3
+    display_name: Python 3 (ipykernel)
     language: python
     name: python3
   language_info:
@@ -20,7 +20,7 @@ jupyter:
     name: python
     nbconvert_exporter: python
     pygments_lexer: ipython3
-    version: 3.7.6
+    version: 3.8.0
   plotly:
     description: How to set the global font, title, legend-entries, and axis-titles
       in python.
@@ -98,6 +98,12 @@ snippet_url = 'https://python-docs-dash-snippets.herokuapp.com/python-docs-dash-
 IFrame(snippet_url + 'figure-labels', width='100%', height=1200)
 ```
 
+<div style="font-size: 0.9em;"><div style="width: calc(100% - 30px); box-shadow: none; border: thin solid rgb(229, 229, 229);" data-user-style="{&quot;boxShadow&quot;:&quot;none&quot;,&quot;width&quot;:&quot;calc(100% - 30px)&quot;,&quot;border&quot;:&quot;thin rgb(229,229,229) solid&quot;}" class="block card ddk-card "><div class="card--content" style="padding: 5px;"><div><p><strong>Sign up for Dash Club</strong> → Updates from Chris Parmer and
+Adam Schroeder delivered to your inbox every two months. Includes tips and tricks,
+community apps, and deep dives into the Dash architecture.
+<u><a href="https://go.plotly.com/dash-club?utm_medium=dash_docs&amp;utm_content=installation">Join now</a></u>.</p></div></div></div></div>
+
+
 ### Manual Labelling with Graph Objects
 
 When using (graph objects)[/python/graph-objects/] rather than [Plotly Express](/python/plotly-express/), you will need to explicitly label traces and axes:

doc/python/getting-started.md

@@ -5,10 +5,10 @@ jupyter:
     text_representation:
       extension: .md
       format_name: markdown
-      format_version: '1.2'
-      jupytext_version: 1.4.2
+      format_version: '1.3'
+      jupytext_version: 1.14.1
   kernelspec:
-    display_name: Python 3
+    display_name: Python 3 (ipykernel)
     language: python
     name: python3
   language_info:
@@ -20,7 +20,7 @@ jupyter:
     name: python
     nbconvert_exporter: python
     pygments_lexer: ipython3
-    version: 3.7.7
+    version: 3.8.0
   plotly:
     description: Getting Started with Plotly for Python.
     has_thumbnail: false
@@ -90,6 +90,12 @@ snippet_url = 'https://python-docs-dash-snippets.herokuapp.com/python-docs-dash-
 IFrame(snippet_url + 'getting-started', width='100%', height=1200)
 ```
 
+<div style="font-size: 0.9em;"><div style="width: calc(100% - 30px); box-shadow: none; border: thin solid rgb(229, 229, 229);" data-user-style="{&quot;boxShadow&quot;:&quot;none&quot;,&quot;width&quot;:&quot;calc(100% - 30px)&quot;,&quot;border&quot;:&quot;thin rgb(229,229,229) solid&quot;}" class="block card ddk-card "><div class="card--content" style="padding: 5px;"><div><p><strong>Sign up for Dash Club</strong> → Updates from Chris Parmer and
+Adam Schroeder delivered to your inbox every two months. Includes tips and tricks,
+community apps, and deep dives into the Dash architecture.
+<u><a href="https://go.plotly.com/dash-club?utm_medium=dash_docs&amp;utm_content=installation">Join now</a></u>.</p></div></div></div></div>
+
+
 #### JupyterLab Support
 
 For use in [JupyterLab](https://jupyterlab.readthedocs.io/en/stable/), install the `jupyterlab` and `ipywidgets`

doc/python/histograms.md

@@ -6,9 +6,9 @@ jupyter:
       extension: .md
       format_name: markdown
       format_version: '1.3'
-      jupytext_version: 1.13.4
+      jupytext_version: 1.14.1
   kernelspec:
-    display_name: Python 3
+    display_name: Python 3 (ipykernel)
     language: python
     name: python3
   language_info:
@@ -20,7 +20,7 @@ jupyter:
     name: python
     nbconvert_exporter: python
     pygments_lexer: ipython3
-    version: 3.8.11
+    version: 3.8.0
   plotly:
     description: How to make Histograms in Python with Plotly.
     display_as: statistical
@@ -113,6 +113,12 @@ snippet_url = 'https://python-docs-dash-snippets.herokuapp.com/python-docs-dash-
 IFrame(snippet_url + 'histograms', width='100%', height=1200)
 ```
 
+<div style="font-size: 0.9em;"><div style="width: calc(100% - 30px); box-shadow: none; border: thin solid rgb(229, 229, 229);" data-user-style="{&quot;boxShadow&quot;:&quot;none&quot;,&quot;width&quot;:&quot;calc(100% - 30px)&quot;,&quot;border&quot;:&quot;thin rgb(229,229,229) solid&quot;}" class="block card ddk-card "><div class="card--content" style="padding: 5px;"><div><p><strong>Sign up for Dash Club</strong> → Updates from Chris Parmer and
+Adam Schroeder delivered to your inbox every two months. Includes tips and tricks,
+community apps, and deep dives into the Dash architecture.
+<u><a href="https://go.plotly.com/dash-club?utm_medium=dash_docs&amp;utm_content=installation">Join now</a></u>.</p></div></div></div></div>
+
+
 #### Accessing the counts (y-axis) values
 
 JavaScript calculates the y-axis (count) values on the fly in the browser, so it's not accessible in the `fig`. You can manually calculate it using `np.histogram`.

doc/python/line-and-scatter.md

@@ -5,10 +5,10 @@ jupyter:
     text_representation:
       extension: .md
       format_name: markdown
-      format_version: '1.2'
-      jupytext_version: 1.4.2
+      format_version: '1.3'
+      jupytext_version: 1.14.1
   kernelspec:
-    display_name: Python 3
+    display_name: Python 3 (ipykernel)
     language: python
     name: python3
   language_info:
@@ -20,7 +20,7 @@ jupyter:
     name: python
     nbconvert_exporter: python
     pygments_lexer: ipython3
-    version: 3.7.7
+    version: 3.8.0
   plotly:
     description: How to make scatter plots in Python with Plotly.
     display_as: basic
@@ -98,6 +98,12 @@ snippet_url = 'https://python-docs-dash-snippets.herokuapp.com/python-docs-dash-
 IFrame(snippet_url + 'line-and-scatter', width='100%', height=1200)
 ```
 
+<div style="font-size: 0.9em;"><div style="width: calc(100% - 30px); box-shadow: none; border: thin solid rgb(229, 229, 229);" data-user-style="{&quot;boxShadow&quot;:&quot;none&quot;,&quot;width&quot;:&quot;calc(100% - 30px)&quot;,&quot;border&quot;:&quot;thin rgb(229,229,229) solid&quot;}" class="block card ddk-card "><div class="card--content" style="padding: 5px;"><div><p><strong>Sign up for Dash Club</strong> → Updates from Chris Parmer and
+Adam Schroeder delivered to your inbox every two months. Includes tips and tricks,
+community apps, and deep dives into the Dash architecture.
+<u><a href="https://go.plotly.com/dash-club?utm_medium=dash_docs&amp;utm_content=installation">Join now</a></u>.</p></div></div></div></div>
+
+
 ### Scatter plots and Categorical Axes
 
 Scatter plots can be made using any type of cartesian axis, including [linear](https://plotly.com/python/axes/), [logarithmic](https://plotly.com/python/log-plot/), [categorical](https://plotly.com/python/categorical-axes/) or [date](https://plotly.com/python/time-series/) axes.

doc/python/line-charts.md

@@ -5,10 +5,10 @@ jupyter:
     text_representation:
       extension: .md
       format_name: markdown
-      format_version: '1.2'
-      jupytext_version: 1.4.2
+      format_version: '1.3'
+      jupytext_version: 1.14.1
   kernelspec:
-    display_name: Python 3
+    display_name: Python 3 (ipykernel)
     language: python
     name: python3
   language_info:
@@ -20,7 +20,7 @@ jupyter:
     name: python
     nbconvert_exporter: python
     pygments_lexer: ipython3
-    version: 3.7.7
+    version: 3.8.0
   plotly:
     description: How to make line charts in Python with Plotly. Examples on creating
       and styling line charts in Python with Plotly.
@@ -71,6 +71,12 @@ snippet_url = 'https://python-docs-dash-snippets.herokuapp.com/python-docs-dash-
 IFrame(snippet_url + 'line-charts', width='100%', height=1200)
 ```
 
+<div style="font-size: 0.9em;"><div style="width: calc(100% - 30px); box-shadow: none; border: thin solid rgb(229, 229, 229);" data-user-style="{&quot;boxShadow&quot;:&quot;none&quot;,&quot;width&quot;:&quot;calc(100% - 30px)&quot;,&quot;border&quot;:&quot;thin rgb(229,229,229) solid&quot;}" class="block card ddk-card "><div class="card--content" style="padding: 5px;"><div><p><strong>Sign up for Dash Club</strong> → Updates from Chris Parmer and
+Adam Schroeder delivered to your inbox every two months. Includes tips and tricks,
+community apps, and deep dives into the Dash architecture.
+<u><a href="https://go.plotly.com/dash-club?utm_medium=dash_docs&amp;utm_content=installation">Join now</a></u>.</p></div></div></div></div>
+
+
 ### Data Order in Line Charts
 
 Plotly line charts are implemented as [connected scatterplots](https://www.data-to-viz.com/graph/connectedscatter.html) (see below), meaning that the points are plotted and connected with lines **in the order they are provided, with no automatic reordering**. 

doc/python/subplots.md

@@ -5,10 +5,10 @@ jupyter:
     text_representation:
       extension: .md
       format_name: markdown
-      format_version: '1.2'
-      jupytext_version: 1.6.0
+      format_version: '1.3'
+      jupytext_version: 1.14.1
   kernelspec:
-    display_name: Python 3
+    display_name: Python 3 (ipykernel)
     language: python
     name: python3
   language_info:
@@ -20,7 +20,7 @@ jupyter:
     name: python
     nbconvert_exporter: python
     pygments_lexer: ipython3
-    version: 3.7.6
+    version: 3.8.0
   plotly:
     description: How to make subplots in with Plotly's Python graphing library. Examples
       of stacked, custom-sized, gridded, and annotated subplots.
@@ -224,6 +224,12 @@ snippet_url = 'https://python-docs-dash-snippets.herokuapp.com/python-docs-dash-
 IFrame(snippet_url + 'subplots', width='100%', height=1200)
 ```
 
+<div style="font-size: 0.9em;"><div style="width: calc(100% - 30px); box-shadow: none; border: thin solid rgb(229, 229, 229);" data-user-style="{&quot;boxShadow&quot;:&quot;none&quot;,&quot;width&quot;:&quot;calc(100% - 30px)&quot;,&quot;border&quot;:&quot;thin rgb(229,229,229) solid&quot;}" class="block card ddk-card "><div class="card--content" style="padding: 5px;"><div><p><strong>Sign up for Dash Club</strong> → Updates from Chris Parmer and
+Adam Schroeder delivered to your inbox every two months. Includes tips and tricks,
+community apps, and deep dives into the Dash architecture.
+<u><a href="https://go.plotly.com/dash-club?utm_medium=dash_docs&amp;utm_content=installation">Join now</a></u>.</p></div></div></div></div>
+
+
 #### Customizing Subplot Axes
 After a figure with subplots is created using the `make_subplots` function, its axis properties (title, font, range, grid style, etc.) can be customized using the `update_xaxes` and `update_yaxes` graph object figure methods.  By default, these methods apply to all of the x axes or y axes in the figure. The `row` and `col` arguments can be used to control which axes are targeted by the update.