1
+ ---
2
+ permalink: python/bar_chart_stream/
3
+ description: Getting Started with Plotly Streaming
4
+ title: Bar Chart Streaming Demo
5
+ has_thumbnail: true
6
+ thumbnail:
7
+ has_thumbnail: false
8
+ layout: user-guide
9
+ page_type: u-guide
10
+ language: python
11
+ title: Bar Chart Streaming
12
+ ---
13
+ {% raw %}
14
+ < div class ="cell border-box-sizing text_cell rendered ">
15
+ < div class ="prompt input_prompt ">
16
+ </ div >
17
+ < div class ="inner_cell ">
18
+ < div class ="text_cell_render border-box-sizing rendered_html ">
19
+ < h2 id ="Streaming-Bar-Chart-Demo "> Streaming Bar Chart Demo< a class ="anchor-link " href ="#Streaming-Bar-Chart-Demo "> ¶</ a > </ h2 >
20
+ </ div >
21
+ </ div >
22
+ </ div >
23
+ < div class ="cell border-box-sizing code_cell rendered ">
24
+ < div class ="input ">
25
+ < div class ="prompt input_prompt "> In [1]:</ div >
26
+ < div class ="inner_cell ">
27
+ < div class ="input_area ">
28
+ < div class =" highlight hl-ipython2 "> < pre > < span class ="kn "> import</ span > < span class ="nn "> plotly.plotly</ span > < span class ="kn "> as</ span > < span class ="nn "> py</ span >
29
+ < span class ="kn "> import</ span > < span class ="nn "> plotly.tools</ span > < span class ="kn "> as</ span > < span class ="nn "> tls</ span >
30
+ < span class ="kn "> import</ span > < span class ="nn "> numpy</ span > < span class ="kn "> as</ span > < span class ="nn "> np</ span >
31
+ < span class ="kn "> import</ span > < span class ="nn "> time</ span >
32
+
33
+ < span class ="kn "> from</ span > < span class ="nn "> plotly.graph_objs</ span > < span class ="kn "> import</ span > < span class ="o "> *</ span >
34
+
35
+ < span class ="kn "> import</ span > < span class ="nn "> numpy</ span > < span class ="kn "> as</ span > < span class ="nn "> np</ span >
36
+
37
+ < span class ="n "> stream_id</ span > < span class ="o "> =</ span > < span class ="s "> 'jkc6d90yfw'</ span >
38
+
39
+ < span class ="c "> # We can generate a new stream id object</ span >
40
+ < span class ="n "> stream</ span > < span class ="o "> =</ span > < span class ="n "> Stream</ span > < span class ="p "> (</ span >
41
+ < span class ="n "> token</ span > < span class ="o "> =</ span > < span class ="n "> stream_id</ span > < span class ="p "> ,</ span >
42
+ < span class ="n "> maxpoints</ span > < span class ="o "> =</ span > < span class ="mi "> 80</ span >
43
+ < span class ="p "> )</ span >
44
+ </ pre > </ div >
45
+
46
+ </ div >
47
+ </ div >
48
+ </ div >
49
+
50
+ </ div >
51
+ < div class ="cell border-box-sizing code_cell rendered ">
52
+ < div class ="input ">
53
+ < div class ="prompt input_prompt "> In [2]:</ div >
54
+ < div class ="inner_cell ">
55
+ < div class ="input_area ">
56
+ < div class =" highlight hl-ipython2 "> < pre > < span class ="c "> #A simple bar chart object is generated</ span >
57
+
58
+ < span class ="n "> trace1</ span > < span class ="o "> =</ span > < span class ="n "> Bar</ span > < span class ="p "> (</ span >
59
+ < span class ="n "> x</ span > < span class ="o "> =</ span > < span class ="p "> [</ span > < span class ="s "> 'one'</ span > < span class ="p "> ,</ span > < span class ="s "> 'two'</ span > < span class ="p "> ,</ span > < span class ="s "> 'three'</ span > < span class ="p "> ,</ span > < span class ="s "> 'four'</ span > < span class ="p "> ,</ span > < span class ="s "> 'five'</ span > < span class ="p "> ],</ span >
60
+ < span class ="n "> y</ span > < span class ="o "> =</ span > < span class ="n "> np</ span > < span class ="o "> .</ span > < span class ="n "> array</ span > < span class ="p "> ([</ span > < span class ="mi "> 20</ span > < span class ="p "> ,</ span > < span class ="mi "> 20</ span > < span class ="p "> ,</ span > < span class ="mi "> 20</ span > < span class ="p "> ,</ span > < span class ="mi "> 20</ span > < span class ="p "> ,</ span > < span class ="mi "> 20</ span > < span class ="p "> ]),</ span >
61
+ < span class ="n "> stream</ span > < span class ="o "> =</ span > < span class ="n "> stream</ span > < span class ="c "> #we set the stream parameter to the stream id object created earlier </ span >
62
+ < span class ="p "> )</ span >
63
+
64
+ < span class ="n "> data</ span > < span class ="o "> =</ span > < span class ="n "> Data</ span > < span class ="p "> ([</ span > < span class ="n "> trace1</ span > < span class ="p "> ])</ span >
65
+ < span class ="n "> layout</ span > < span class ="o "> =</ span > < span class ="n "> Layout</ span > < span class ="p "> (</ span > < span class ="n "> title</ span > < span class ="o "> =</ span > < span class ="s "> 'Bar Chart Streaming'</ span > < span class ="p "> )</ span >
66
+ < span class ="n "> fig</ 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 >
67
+ </ pre > </ div >
68
+
69
+ </ div >
70
+ </ div >
71
+ </ div >
72
+
73
+ </ div >
74
+ < div class ="cell border-box-sizing code_cell rendered ">
75
+ < div class ="input ">
76
+ < div class ="prompt input_prompt "> In [ ]:</ div >
77
+ < div class ="inner_cell ">
78
+ < div class ="input_area ">
79
+ < div class =" highlight hl-ipython2 "> < pre > < span class ="n "> py</ span > < span class ="o "> .</ span > < span class ="n "> plot</ 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 ="s "> 'bar-chart'</ span > < span class ="p "> )</ span > < span class ="c "> #post this plot up onto the plotly servers</ span >
80
+ </ pre > </ div >
81
+
82
+ </ div >
83
+ </ div >
84
+ </ div >
85
+
86
+ </ div >
87
+ < div class ="cell border-box-sizing code_cell rendered ">
88
+ < div class ="input ">
89
+ < div class ="prompt input_prompt "> In [13]:</ div >
90
+ < div class ="inner_cell ">
91
+ < div class ="input_area ">
92
+ < div class =" highlight hl-ipython2 "> < pre > < span class ="c "> #Now a Stream object is created w/ the same stream_id as the stream id object</ span >
93
+
94
+ < span class ="n "> s</ span > < span class ="o "> =</ span > < span class ="n "> py</ span > < span class ="o "> .</ span > < span class ="n "> Stream</ span > < span class ="p "> (</ span > < span class ="n "> stream_id</ span > < span class ="p "> )</ span >
95
+ < span class ="n "> s</ span > < span class ="o "> .</ span > < span class ="n "> open</ span > < span class ="p "> ()</ span >
96
+ </ pre > </ div >
97
+
98
+ </ div >
99
+ </ div >
100
+ </ div >
101
+
102
+ </ div >
103
+ < div class ="cell border-box-sizing code_cell rendered ">
104
+ < div class ="input ">
105
+ < div class ="prompt input_prompt "> In [ ]:</ div >
106
+ < div class ="inner_cell ">
107
+ < div class ="input_area ">
108
+ < div class =" highlight hl-ipython2 "> < pre > < span class ="k "> while</ span > < span class ="bp "> True</ span > < span class ="p "> :</ span >
109
+
110
+ < span class ="n "> s</ span > < span class ="o "> .</ span > < span class ="n "> write</ span > < span class ="p "> (</ span > < span class ="nb "> dict</ span > < span class ="p "> (</ span > < span class ="n "> x</ span > < span class ="o "> =</ span > < span class ="p "> [</ span > < span class ="s "> 'one'</ span > < span class ="p "> ,</ span > < span class ="s "> 'two'</ span > < span class ="p "> ,</ span > < span class ="s "> 'three'</ span > < span class ="p "> ,</ span > < span class ="s "> 'four'</ span > < span class ="p "> ,</ span > < span class ="s "> 'five'</ span > < span class ="p "> ],</ span > < span class ="n "> y</ 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 "> random_integers</ span > < span class ="p "> (</ span > < span class ="mi "> 0</ span > < span class ="p "> ,</ span > < span class ="mi "> 100</ span > < span class ="p "> ,</ span > < span class ="mi "> 5</ span > < span class ="p "> )))</ span >
111
+
112
+ < span class ="n "> time</ span > < span class ="o "> .</ span > < span class ="n "> sleep</ span > < span class ="p "> (</ span > < span class ="mf "> 0.2</ span > < span class ="p "> )</ span > < span class ="c "> #wait one second before plotting again</ span >
113
+
114
+ < span class ="n "> s</ span > < span class ="o "> .</ span > < span class ="n "> close</ span > < span class ="p "> ()</ span > < span class ="c "> #close the stream</ span >
115
+ </ pre > </ div >
116
+
117
+ </ div >
118
+ </ div >
119
+ </ div >
120
+
121
+ </ div >
122
+ < div class ="cell border-box-sizing code_cell rendered ">
123
+ < div class ="input ">
124
+ < div class ="prompt input_prompt "> In [6]:</ div >
125
+ < div class ="inner_cell ">
126
+ < div class ="input_area ">
127
+ < div class =" highlight hl-ipython2 "> < pre > < span class ="n "> tls</ span > < span class ="o "> .</ span > < span class ="n "> embed</ span > < span class ="p "> (</ span > < span class ="s "> 'https://plot.ly/~streaming-demos/116/bar-chart-streaming'</ span > < span class ="p "> )</ span >
128
+ </ pre > </ div >
129
+
130
+ </ div >
131
+ </ div >
132
+ </ div >
133
+
134
+ < div class ="output_wrapper ">
135
+ < div class ="output ">
136
+
137
+
138
+ < div class ="output_area "> < div class ="prompt output_prompt "> Out[6]:</ div >
139
+
140
+ < div class ="output_html rendered_html output_subarea output_execute_result ">
141
+ < iframe id ="igraph " scrolling ="no " style ="border:none; " seamless ="seamless " src ="https://plot.ly/~streaming-demos/116.embed " height ="525 " width ="100% "> </ iframe >
142
+ </ div >
143
+
144
+ </ div >
145
+
146
+ </ div >
147
+ </ div >
148
+
149
+ </ div >
150
+ < div class ="cell border-box-sizing text_cell rendered ">
151
+ < div class ="prompt input_prompt ">
152
+ </ div >
153
+ < div class ="inner_cell ">
154
+ < div class ="text_cell_render border-box-sizing rendered_html ">
155
+ < div style ="float:right; \ ">
156
+ < img src ="http://i.imgur.com/4vwuxdJ.png "
157
+ align =right style ="float:right; margin-left: 5px; margin-top: -10px " />
158
+ </ div >
159
+
160
+ < h4 > Got Questions or Feedback? </ h4 >
161
+
162
+ < p > Reach us here at: < a href ="https://community.plot.ly " target ="_blank "> Plotly Community</ a > </ p >
163
+ < p > < h4 > What's going on at Plotly? </ h4 >
164
+ Check out our twitter:
165
+ < a href ="https://twitter.com/plotlygraphs " target ="_blank "> @plotlygraphs</ a > </ p >
166
+
167
+ </ div >
168
+ </ div >
169
+ </ div > {% endraw %}
0 commit comments