Skip to content

Commit 65cf74d

Browse files
divyachandran-dsdivyachandran-ds
authored
Merge pull request #1287 from plotly/add_simple_apps
add dash apps
2 parents 68ff2e7 + 4cd83ef commit 65cf74d

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

44 files changed

+3474
-1832
lines changed

‎_posts/python/3d/3d-scatter/2015-06-30-3d_scatter.html

Lines changed: 88 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -4,21 +4,19 @@
44
name: 3D Python Scatter Plots | plotly
55
has_thumbnail: true
66
thumbnail: thumbnail/3d-scatter.jpg
7-
layout: user-guide
8-
name: 3D Scatter Plots
9-
language: python
107
title: 3D Python Scatter Plots | plotly
11-
display_as: 3d_charts
8+
name: 3D Scatter Plots
129
has_thumbnail: true
10+
language: python
1311
page_type: example_index
12+
display_as: 3d_charts
1413
order: 1
1514
ipynb: ~notebook_demo/61
15+
layout: user-guide
1616
---
1717
{% raw %}
18-
<div class="cell border-box-sizing text_cell rendered">
19-
<div class="prompt input_prompt">
20-
</div>
21-
<div class="inner_cell">
18+
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
19+
</div><div class="inner_cell">
2220
<div class="text_cell_render border-box-sizing rendered_html">
2321
<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>.
2422
<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>.
@@ -27,10 +25,8 @@ <h4 id="New-to-Plotly?">New to Plotly?<a class="anchor-link" href="#New-to-Plotl
2725
</div>
2826
</div>
2927
</div>
30-
<div class="cell border-box-sizing text_cell rendered">
31-
<div class="prompt input_prompt">
32-
</div>
33-
<div class="inner_cell">
28+
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
29+
</div><div class="inner_cell">
3430
<div class="text_cell_render border-box-sizing rendered_html">
3531
<h4 id="Basic-3D-Scatter-Plot">Basic 3D Scatter Plot<a class="anchor-link" href="#Basic-3D-Scatter-Plot">&#182;</a></h4>
3632
</div>
@@ -41,10 +37,10 @@ <h4 id="Basic-3D-Scatter-Plot">Basic 3D Scatter Plot<a class="anchor-link" href=
4137
<div class="prompt input_prompt">In&nbsp;[1]:</div>
4238
<div class="inner_cell">
4339
<div class="input_area">
44-
<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>
45-
<span class="kn">import</span> <span class="nn">plotly.graph_objs</span> <span class="kn">as</span> <span class="nn">go</span>
40+
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">plotly.plotly</span> <span class="k">as</span> <span class="nn">py</span>
41+
<span class="kn">import</span> <span class="nn">plotly.graph_objs</span> <span class="k">as</span> <span class="nn">go</span>
4642

47-
<span class="kn">import</span> <span class="nn">numpy</span> <span class="kn">as</span> <span class="nn">np</span>
43+
<span class="kn">import</span> <span class="nn">numpy</span> <span class="k">as</span> <span class="nn">np</span>
4844

4945
<span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">,</span> <span class="n">z</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">random</span><span class="o">.</span><span class="n">multivariate_normal</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">([</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">]),</span> <span class="n">np</span><span class="o">.</span><span class="n">eye</span><span class="p">(</span><span class="mi">3</span><span class="p">),</span> <span class="mi">200</span><span class="p">)</span><span class="o">.</span><span class="n">transpose</span><span class="p">()</span>
5046
<span class="n">trace1</span> <span class="o">=</span> <span class="n">go</span><span class="o">.</span><span class="n">Scatter3d</span><span class="p">(</span>
@@ -92,15 +88,19 @@ <h4 id="Basic-3D-Scatter-Plot">Basic 3D Scatter Plot<a class="anchor-link" href=
9288
<span class="n">py</span><span class="o">.</span><span class="n">iplot</span><span class="p">(</span><span class="n">fig</span><span class="p">,</span> <span class="n">filename</span><span class="o">=</span><span class="s1">&#39;simple-3d-scatter&#39;</span><span class="p">)</span>
9389
</pre></div>
9490

95-
</div>
91+
</div>
9692
</div>
9793
</div>
9894

9995
<div class="output_wrapper">
10096
<div class="output">
10197

10298

103-
<div class="output_area"><div class="prompt output_prompt">Out[1]:</div>
99+
<div class="output_area">
100+
101+
<div class="prompt output_prompt">Out[1]:</div>
102+
103+
104104

105105
<div class="output_html rendered_html output_subarea output_execute_result">
106106
<iframe id="igraph" scrolling="no" style="border:none;" seamless="seamless" src="https://plot.ly/~chelsea_lyn/11131.embed" height="525px" width="100%"></iframe>
@@ -112,10 +112,8 @@ <h4 id="Basic-3D-Scatter-Plot">Basic 3D Scatter Plot<a class="anchor-link" href=
112112
</div>
113113

114114
</div>
115-
<div class="cell border-box-sizing text_cell rendered">
116-
<div class="prompt input_prompt">
117-
</div>
118-
<div class="inner_cell">
115+
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
116+
</div><div class="inner_cell">
119117
<div class="text_cell_render border-box-sizing rendered_html">
120118
<h4 id="3D-Scatter-Plot-with-Colorscaling">3D Scatter Plot with Colorscaling<a class="anchor-link" href="#3D-Scatter-Plot-with-Colorscaling">&#182;</a></h4>
121119
</div>
@@ -126,10 +124,10 @@ <h4 id="3D-Scatter-Plot-with-Colorscaling">3D Scatter Plot with Colorscaling<a c
126124
<div class="prompt input_prompt">In&nbsp;[2]:</div>
127125
<div class="inner_cell">
128126
<div class="input_area">
129-
<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>
130-
<span class="kn">import</span> <span class="nn">plotly.graph_objs</span> <span class="kn">as</span> <span class="nn">go</span>
127+
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">plotly.plotly</span> <span class="k">as</span> <span class="nn">py</span>
128+
<span class="kn">import</span> <span class="nn">plotly.graph_objs</span> <span class="k">as</span> <span class="nn">go</span>
131129

132-
<span class="kn">import</span> <span class="nn">numpy</span> <span class="kn">as</span> <span class="nn">np</span>
130+
<span class="kn">import</span> <span class="nn">numpy</span> <span class="k">as</span> <span class="nn">np</span>
133131

134132
<span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">,</span> <span class="n">z</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">random</span><span class="o">.</span><span class="n">multivariate_normal</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">([</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">]),</span> <span class="n">np</span><span class="o">.</span><span class="n">eye</span><span class="p">(</span><span class="mi">3</span><span class="p">),</span> <span class="mi">400</span><span class="p">)</span><span class="o">.</span><span class="n">transpose</span><span class="p">()</span>
135133

@@ -159,15 +157,19 @@ <h4 id="3D-Scatter-Plot-with-Colorscaling">3D Scatter Plot with Colorscaling<a c
159157
<span class="n">py</span><span class="o">.</span><span class="n">iplot</span><span class="p">(</span><span class="n">fig</span><span class="p">,</span> <span class="n">filename</span><span class="o">=</span><span class="s1">&#39;3d-scatter-colorscale&#39;</span><span class="p">)</span>
160158
</pre></div>
161159

162-
</div>
160+
</div>
163161
</div>
164162
</div>
165163

166164
<div class="output_wrapper">
167165
<div class="output">
168166

169167

170-
<div class="output_area"><div class="prompt output_prompt">Out[2]:</div>
168+
<div class="output_area">
169+
170+
<div class="prompt output_prompt">Out[2]:</div>
171+
172+
171173

172174
<div class="output_html rendered_html output_subarea output_execute_result">
173175
<iframe id="igraph" scrolling="no" style="border:none;" seamless="seamless" src="https://plot.ly/~chelsea_lyn/12042.embed" height="525px" width="100%"></iframe>
@@ -179,13 +181,70 @@ <h4 id="3D-Scatter-Plot-with-Colorscaling">3D Scatter Plot with Colorscaling<a c
179181
</div>
180182

181183
</div>
182-
<div class="cell border-box-sizing text_cell rendered">
183-
<div class="prompt input_prompt">
184+
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
185+
</div><div class="inner_cell">
186+
<div class="text_cell_render border-box-sizing rendered_html">
187+
<h3 id="Dash-App">Dash App<a class="anchor-link" href="#Dash-App">&#182;</a></h3>
188+
</div>
184189
</div>
190+
</div>
191+
<div class="cell border-box-sizing code_cell rendered">
192+
<div class="input">
193+
<div class="prompt input_prompt">In&nbsp;[3]:</div>
185194
<div class="inner_cell">
195+
<div class="input_area">
196+
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">from</span> <span class="nn">IPython.display</span> <span class="k">import</span> <span class="n">IFrame</span>
197+
<span class="n">IFrame</span><span class="p">(</span><span class="n">src</span><span class="o">=</span> <span class="s2">&quot;https://dash-simple-apps.plotly.host/dash-3dscatterplot/&quot;</span><span class="p">,</span> <span class="n">width</span><span class="o">=</span><span class="s2">&quot;100%&quot;</span><span class="p">,</span> <span class="n">height</span><span class="o">=</span><span class="s2">&quot;950px&quot;</span><span class="p">,</span><span class="n">frameBorder</span><span class="o">=</span><span class="s2">&quot;0&quot;</span><span class="p">)</span>
198+
</pre></div>
199+
200+
</div>
201+
</div>
202+
</div>
203+
204+
<div class="output_wrapper">
205+
<div class="output">
206+
207+
208+
<div class="output_area">
209+
210+
<div class="prompt output_prompt">Out[3]:</div>
211+
212+
213+
214+
<div class="output_html rendered_html output_subarea output_execute_result">
215+
216+
<iframe
217+
width="100%"
218+
height="950px"
219+
src="https://dash-simple-apps.plotly.host/dash-3dscatterplot/?frameBorder=0"
220+
frameborder="0"
221+
allowfullscreen
222+
></iframe>
223+
224+
</div>
225+
226+
</div>
227+
228+
</div>
229+
</div>
230+
231+
</div>
232+
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
233+
</div><div class="inner_cell">
234+
<div class="text_cell_render border-box-sizing rendered_html">
235+
<p>Find the dash app source code <a href="https://github.com/plotly/simple-example-chart-apps/tree/master/3dscatterplot">here</a></p>
236+
237+
</div>
238+
</div>
239+
</div>
240+
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
241+
</div><div class="inner_cell">
186242
<div class="text_cell_render border-box-sizing rendered_html">
187243
<h4 id="Reference">Reference<a class="anchor-link" href="#Reference">&#182;</a></h4><p>See <a href="https://plot.ly/python/reference/#scatter3d">https://plot.ly/python/reference/#scatter3d</a> for more information and chart attribute options!</p>
188244

189245
</div>
190246
</div>
191-
</div>{% endraw %}
247+
</div>
248+
249+
250+
{% endraw %}

‎_posts/python/3d/3d-scatter/3d_scatter.ipynb

Lines changed: 65 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -22,9 +22,7 @@
2222
{
2323
"cell_type": "code",
2424
"execution_count": 1,
25-
"metadata": {
26-
"collapsed": false
27-
},
25+
"metadata": {},
2826
"outputs": [
2927
{
3028
"data": {
@@ -104,9 +102,7 @@
104102
{
105103
"cell_type": "code",
106104
"execution_count": 2,
107-
"metadata": {
108-
"collapsed": false
109-
},
105+
"metadata": {},
110106
"outputs": [
111107
{
112108
"data": {
@@ -156,6 +152,52 @@
156152
"py.iplot(fig, filename='3d-scatter-colorscale')"
157153
]
158154
},
155+
{
156+
"cell_type": "markdown",
157+
"metadata": {},
158+
"source": [
159+
"### Dash App"
160+
]
161+
},
162+
{
163+
"cell_type": "code",
164+
"execution_count": 3,
165+
"metadata": {},
166+
"outputs": [
167+
{
168+
"data": {
169+
"text/html": [
170+
"\n",
171+
" <iframe\n",
172+
" width=\"100%\"\n",
173+
" height=\"950px\"\n",
174+
" src=\"https://dash-simple-apps.plotly.host/dash-3dscatterplot/?frameBorder=0\"\n",
175+
" frameborder=\"0\"\n",
176+
" allowfullscreen\n",
177+
" ></iframe>\n",
178+
" "
179+
],
180+
"text/plain": [
181+
"<IPython.lib.display.IFrame at 0x10ae321d0>"
182+
]
183+
},
184+
"execution_count": 3,
185+
"metadata": {},
186+
"output_type": "execute_result"
187+
}
188+
],
189+
"source": [
190+
"from IPython.display import IFrame\n",
191+
"IFrame(src= \"https://dash-simple-apps.plotly.host/dash-3dscatterplot/\", width=\"100%\", height=\"950px\",frameBorder=\"0\")"
192+
]
193+
},
194+
{
195+
"cell_type": "markdown",
196+
"metadata": {},
197+
"source": [
198+
"Find the dash app source code [here](https://github.com/plotly/simple-example-chart-apps/tree/master/3dscatterplot)"
199+
]
200+
},
159201
{
160202
"cell_type": "markdown",
161203
"metadata": {},
@@ -166,10 +208,8 @@
166208
},
167209
{
168210
"cell_type": "code",
169-
"execution_count": 1,
170-
"metadata": {
171-
"collapsed": false
172-
},
211+
"execution_count": 5,
212+
"metadata": {},
173213
"outputs": [
174214
{
175215
"data": {
@@ -200,23 +240,16 @@
200240
"output_type": "stream",
201241
"text": [
202242
"Collecting git+https://github.com/plotly/publisher.git\n",
203-
" Cloning https://github.com/plotly/publisher.git to /var/folders/ld/6cl3s_l50wd40tdjq2b03jxh0000gp/T/pip-msUnP9-build\n",
243+
" Cloning https://github.com/plotly/publisher.git to /private/var/folders/s5/vjqn03zs7nn8zs_fwzcf14r40000gn/T/pip-req-build-0qopodxm\n",
244+
"Building wheels for collected packages: publisher\n",
245+
" Building wheel for publisher (setup.py) ... \u001b[?25ldone\n",
246+
"\u001b[?25h Stored in directory: /private/var/folders/s5/vjqn03zs7nn8zs_fwzcf14r40000gn/T/pip-ephem-wheel-cache-b0_sb5nr/wheels/99/3e/a0/fbd22ba24cca72bdbaba53dbc23c1768755fb17b3af0f33966\n",
247+
"Successfully built publisher\n",
204248
"Installing collected packages: publisher\n",
205-
" Found existing installation: publisher 0.10\n",
206-
" Uninstalling publisher-0.10:\n",
207-
" Successfully uninstalled publisher-0.10\n",
208-
" Running setup.py install for publisher ... \u001b[?25l-\b \b\\\b \bdone\n",
209-
"\u001b[?25hSuccessfully installed publisher-0.10\n"
210-
]
211-
},
212-
{
213-
"name": "stderr",
214-
"output_type": "stream",
215-
"text": [
216-
"/Users/brandendunbar/Desktop/test/venv/lib/python2.7/site-packages/IPython/nbconvert.py:13: ShimWarning: The `IPython.nbconvert` package has been deprecated. You should import from nbconvert instead.\n",
217-
" \"You should import from nbconvert instead.\", ShimWarning)\n",
218-
"/Users/brandendunbar/Desktop/test/venv/lib/python2.7/site-packages/publisher/publisher.py:53: UserWarning: Did you \"Save\" this notebook before running this command? Remember to save, always save.\n",
219-
" warnings.warn('Did you \"Save\" this notebook before running this command? '\n"
249+
" Found existing installation: publisher 0.13\n",
250+
" Uninstalling publisher-0.13:\n",
251+
" Successfully uninstalled publisher-0.13\n",
252+
"Successfully installed publisher-0.13\n"
220253
]
221254
}
222255
],
@@ -239,36 +272,27 @@
239272
" display_as='3d_charts', order=1,\n",
240273
" ipynb= '~notebook_demo/61')"
241274
]
242-
},
243-
{
244-
"cell_type": "code",
245-
"execution_count": null,
246-
"metadata": {
247-
"collapsed": true
248-
},
249-
"outputs": [],
250-
"source": []
251275
}
252276
],
253277
"metadata": {
254278
"kernelspec": {
255-
"display_name": "Python 2",
279+
"display_name": "Python 3",
256280
"language": "python",
257-
"name": "python2"
281+
"name": "python3"
258282
},
259283
"language_info": {
260284
"codemirror_mode": {
261285
"name": "ipython",
262-
"version": 2
286+
"version": 3
263287
},
264288
"file_extension": ".py",
265289
"mimetype": "text/x-python",
266290
"name": "python",
267291
"nbconvert_exporter": "python",
268-
"pygments_lexer": "ipython2",
269-
"version": "2.7.10"
292+
"pygments_lexer": "ipython3",
293+
"version": "3.7.2"
270294
}
271295
},
272296
"nbformat": 4,
273-
"nbformat_minor": 0
297+
"nbformat_minor": 1
274298
}

0 commit comments

Comments
 (0)