├── .idea
    ├── Streamlit.iml
    ├── misc.xml
    ├── modules.xml
    ├── vcs.xml
    └── workspace.xml
├── Procfile
├── README.md
├── app.py
├── images
    ├── age.png
    ├── altair.png
    ├── bg.png
    ├── df.png
    ├── driving.png
    ├── explorer.png
    ├── explorer1.png
    ├── heroku_create.png
    ├── heroku_create_push.png
    ├── heroku_login.png
    ├── heroku_open.png
    ├── heroku_push.png
    ├── heroku_web.png
    ├── markdown.png
    ├── multiselect.png
    ├── slider.png
    ├── uber.jpg
    └── uber.png
├── requirements.txt
└── setup.sh


/.idea/Streamlit.iml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <module type="PYTHON_MODULE" version="4">
 3 |   <component name="NewModuleRootManager">
 4 |     <content url="file://$MODULE_DIR$" />
 5 |     <orderEntry type="inheritedJdk" />
 6 |     <orderEntry type="sourceFolder" forTests="false" />
 7 |   </component>
 8 |   <component name="TestRunnerService">
 9 |     <option name="PROJECT_TEST_RUNNER" value="Unittests" />
10 |   </component>
11 | </module>


--------------------------------------------------------------------------------
/.idea/misc.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.7" project-jdk-type="Python SDK" />
4 | </project>


--------------------------------------------------------------------------------
/.idea/modules.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="ProjectModuleManager">
4 |     <modules>
5 |       <module fileurl="file://$PROJECT_DIR$/.idea/Streamlit.iml" filepath="$PROJECT_DIR$/.idea/Streamlit.iml" />
6 |     </modules>
7 |   </component>
8 | </project>


--------------------------------------------------------------------------------
/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="VcsDirectoryMappings">
4 |     <mapping directory="$PROJECT_DIR$" vcs="Git" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/.idea/workspace.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8"?>
  2 | <project version="4">
  3 |   <component name="ChangeListManager">
  4 |     <list default="true" id="c51425f3-f3cd-4ca1-ac50-a9fa76b134e0" name="Default Changelist" comment="">
  5 |       <change beforePath="$PROJECT_DIR$/requirements.txt" beforeDir="false" afterPath="$PROJECT_DIR$/requirements.txt" afterDir="false" />
  6 |     </list>
  7 |     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
  8 |     <option name="SHOW_DIALOG" value="false" />
  9 |     <option name="HIGHLIGHT_CONFLICTS" value="true" />
 10 |     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
 11 |     <option name="LAST_RESOLUTION" value="IGNORE" />
 12 |   </component>
 13 |   <component name="FileEditorManager">
 14 |     <leaf>
 15 |       <file pinned="false" current-in-tab="false">
 16 |         <entry file="file://$PROJECT_DIR$/app.py">
 17 |           <provider selected="true" editor-type-id="text-editor">
 18 |             <state relative-caret-position="187">
 19 |               <caret line="11" column="20" selection-start-line="11" selection-start-column="20" selection-end-line="11" selection-end-column="20" />
 20 |               <folding>
 21 |                 <element signature="e#0#30#0" expanded="true" />
 22 |               </folding>
 23 |             </state>
 24 |           </provider>
 25 |         </entry>
 26 |       </file>
 27 |       <file pinned="false" current-in-tab="false">
 28 |         <entry file="file://$PROJECT_DIR$/README.md">
 29 |           <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
 30 |             <state split_layout="SPLIT">
 31 |               <first_editor relative-caret-position="17">
 32 |                 <caret line="1" column="64" selection-start-line="1" selection-start-column="64" selection-end-line="1" selection-end-column="64" />
 33 |               </first_editor>
 34 |               <second_editor />
 35 |             </state>
 36 |           </provider>
 37 |         </entry>
 38 |       </file>
 39 |       <file pinned="false" current-in-tab="true">
 40 |         <entry file="file://$PROJECT_DIR$/requirements.txt">
 41 |           <provider selected="true" editor-type-id="text-editor">
 42 |             <state relative-caret-position="34">
 43 |               <caret line="2" column="13" lean-forward="true" selection-start-line="2" selection-start-column="13" selection-end-line="2" selection-end-column="13" />
 44 |             </state>
 45 |           </provider>
 46 |         </entry>
 47 |       </file>
 48 |     </leaf>
 49 |   </component>
 50 |   <component name="FileTemplateManagerImpl">
 51 |     <option name="RECENT_TEMPLATES">
 52 |       <list>
 53 |         <option value="Python Script" />
 54 |       </list>
 55 |     </option>
 56 |   </component>
 57 |   <component name="Git.Settings">
 58 |     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
 59 |   </component>
 60 |   <component name="IdeDocumentHistory">
 61 |     <option name="CHANGED_PATHS">
 62 |       <list>
 63 |         <option value="$PROJECT_DIR$/example.py" />
 64 |         <option value="$PROJECT_DIR$/app.py" />
 65 |         <option value="$PROJECT_DIR$/README.md" />
 66 |         <option value="$PROJECT_DIR$/requirements.txt" />
 67 |       </list>
 68 |     </option>
 69 |   </component>
 70 |   <component name="ProjectFrameBounds" extendedState="6">
 71 |     <option name="x" value="-10" />
 72 |     <option name="width" value="980" />
 73 |     <option name="height" value="1040" />
 74 |   </component>
 75 |   <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
 76 |   <component name="ProjectView">
 77 |     <navigator proportions="" version="1">
 78 |       <foldersAlwaysOnTop value="true" />
 79 |     </navigator>
 80 |     <panes>
 81 |       <pane id="ProjectPane">
 82 |         <subPane>
 83 |           <expand>
 84 |             <path>
 85 |               <item name="Streamlit" type="b2602c69:ProjectViewProjectNode" />
 86 |               <item name="Streamlit" type="462c0819:PsiDirectoryNode" />
 87 |             </path>
 88 |           </expand>
 89 |           <select />
 90 |         </subPane>
 91 |       </pane>
 92 |       <pane id="Scope" />
 93 |     </panes>
 94 |   </component>
 95 |   <component name="PropertiesComponent">
 96 |     <property name="SHARE_PROJECT_CONFIGURATION_FILES" value="true" />
 97 |     <property name="last_opened_file_path" value="$PROJECT_DIR$" />
 98 |   </component>
 99 |   <component name="RunDashboard">
100 |     <option name="ruleStates">
101 |       <list>
102 |         <RuleState>
103 |           <option name="name" value="ConfigurationTypeDashboardGroupingRule" />
104 |         </RuleState>
105 |         <RuleState>
106 |           <option name="name" value="StatusDashboardGroupingRule" />
107 |         </RuleState>
108 |       </list>
109 |     </option>
110 |   </component>
111 |   <component name="SvnConfiguration">
112 |     <configuration />
113 |   </component>
114 |   <component name="TaskManager">
115 |     <task active="true" id="Default" summary="Default task">
116 |       <changelist id="c51425f3-f3cd-4ca1-ac50-a9fa76b134e0" name="Default Changelist" comment="" />
117 |       <created>1573198503904</created>
118 |       <option name="number" value="Default" />
119 |       <option name="presentableId" value="Default" />
120 |       <updated>1573198503904</updated>
121 |     </task>
122 |     <servers />
123 |   </component>
124 |   <component name="ToolWindowManager">
125 |     <frame x="-7" y="-7" width="1550" height="838" extended-state="6" />
126 |     <editor active="true" />
127 |     <layout>
128 |       <window_info id="Favorites" side_tool="true" />
129 |       <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.24966975" />
130 |       <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
131 |       <window_info anchor="bottom" id="Version Control" />
132 |       <window_info anchor="bottom" id="Python Console" />
133 |       <window_info anchor="bottom" id="Terminal" />
134 |       <window_info anchor="bottom" id="Event Log" side_tool="true" />
135 |       <window_info anchor="bottom" id="Message" order="0" />
136 |       <window_info anchor="bottom" id="Find" order="1" />
137 |       <window_info anchor="bottom" id="Run" order="2" />
138 |       <window_info anchor="bottom" id="Debug" order="3" weight="0.4" />
139 |       <window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
140 |       <window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
141 |       <window_info anchor="bottom" id="TODO" order="6" />
142 |       <window_info anchor="right" id="Commander" internal_type="SLIDING" order="0" type="SLIDING" weight="0.4" />
143 |       <window_info anchor="right" id="Ant Build" order="1" weight="0.25" />
144 |       <window_info anchor="right" content_ui="combo" id="Hierarchy" order="2" weight="0.25" />
145 |     </layout>
146 |   </component>
147 |   <component name="editorHistoryManager">
148 |     <entry file="file://$PROJECT_DIR$/example.py.txt">
149 |       <provider selected="true" editor-type-id="text-editor">
150 |         <state>
151 |           <caret selection-end-line="2" selection-end-column="55" />
152 |         </state>
153 |       </provider>
154 |     </entry>
155 |     <entry file="file://$PROJECT_DIR$/example.py">
156 |       <provider selected="true" editor-type-id="text-editor">
157 |         <state relative-caret-position="34">
158 |           <caret line="2" selection-end-line="4" selection-end-column="12" />
159 |           <folding>
160 |             <element signature="e#0#22#0" expanded="true" />
161 |           </folding>
162 |         </state>
163 |       </provider>
164 |     </entry>
165 |     <entry file="file://$PROJECT_DIR$/README.md">
166 |       <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
167 |         <state split_layout="SPLIT">
168 |           <first_editor relative-caret-position="17">
169 |             <caret line="1" column="64" selection-start-line="1" selection-start-column="64" selection-end-line="1" selection-end-column="64" />
170 |           </first_editor>
171 |           <second_editor />
172 |         </state>
173 |       </provider>
174 |     </entry>
175 |     <entry file="file://$PROJECT_DIR$/app.py">
176 |       <provider selected="true" editor-type-id="text-editor">
177 |         <state relative-caret-position="187">
178 |           <caret line="11" column="20" selection-start-line="11" selection-start-column="20" selection-end-line="11" selection-end-column="20" />
179 |           <folding>
180 |             <element signature="e#0#30#0" expanded="true" />
181 |           </folding>
182 |         </state>
183 |       </provider>
184 |     </entry>
185 |     <entry file="file://$PROJECT_DIR$/requirements.txt">
186 |       <provider selected="true" editor-type-id="text-editor">
187 |         <state relative-caret-position="34">
188 |           <caret line="2" column="13" lean-forward="true" selection-start-line="2" selection-start-column="13" selection-end-line="2" selection-end-column="13" />
189 |         </state>
190 |       </provider>
191 |     </entry>
192 |   </component>
193 | </project>


--------------------------------------------------------------------------------
/Procfile:
--------------------------------------------------------------------------------
1 | web: sh setup.sh && streamlit run app.py


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | ## Deploying your Streamlit Application
2 | > A guide on creating and deploying your streamlit app to Heroku 


--------------------------------------------------------------------------------
/app.py:
--------------------------------------------------------------------------------
 1 | from vega_datasets import data
 2 | import streamlit as st
 3 | import altair as alt
 4 | 
 5 | def main():
 6 |     df = load_data()
 7 |     page = st.sidebar.selectbox("Choose a page", ["Homepage", "Exploration"])
 8 | 
 9 |     if page == "Homepage":
10 |         st.header("This is your data explorer.")
11 |         st.write("Please select a page on the left.")
12 |         st.write(df)
13 |     elif page == "Exploration":
14 |         st.title("Data Exploration")
15 |         x_axis = st.selectbox("Choose a variable for the x-axis", df.columns, index=3)
16 |         y_axis = st.selectbox("Choose a variable for the y-axis", df.columns, index=4)
17 |         visualize_data(df, x_axis, y_axis)
18 | 
19 | @st.cache
20 | def load_data():
21 |     df = data.cars()
22 |     return df
23 | 
24 | def visualize_data(df, x_axis, y_axis):
25 |     graph = alt.Chart(df).mark_circle(size=60).encode(
26 |         x=x_axis,
27 |         y=y_axis,
28 |         color='Origin',
29 |         tooltip=['Name', 'Origin', 'Horsepower', 'Miles_per_Gallon']
30 |     ).interactive()
31 | 
32 |     st.write(graph)
33 | 
34 | if __name__ == "__main__":
35 |     main()
36 | 
37 | 


--------------------------------------------------------------------------------
/images/age.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MaartenGr/streamlit_guide/336c38aa72b3b4cc5f0aed98b561b6a37b3155c3/images/age.png


--------------------------------------------------------------------------------
/images/altair.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MaartenGr/streamlit_guide/336c38aa72b3b4cc5f0aed98b561b6a37b3155c3/images/altair.png


--------------------------------------------------------------------------------
/images/bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MaartenGr/streamlit_guide/336c38aa72b3b4cc5f0aed98b561b6a37b3155c3/images/bg.png


--------------------------------------------------------------------------------
/images/df.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MaartenGr/streamlit_guide/336c38aa72b3b4cc5f0aed98b561b6a37b3155c3/images/df.png


--------------------------------------------------------------------------------
/images/driving.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MaartenGr/streamlit_guide/336c38aa72b3b4cc5f0aed98b561b6a37b3155c3/images/driving.png


--------------------------------------------------------------------------------
/images/explorer.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MaartenGr/streamlit_guide/336c38aa72b3b4cc5f0aed98b561b6a37b3155c3/images/explorer.png


--------------------------------------------------------------------------------
/images/explorer1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MaartenGr/streamlit_guide/336c38aa72b3b4cc5f0aed98b561b6a37b3155c3/images/explorer1.png


--------------------------------------------------------------------------------
/images/heroku_create.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MaartenGr/streamlit_guide/336c38aa72b3b4cc5f0aed98b561b6a37b3155c3/images/heroku_create.png


--------------------------------------------------------------------------------
/images/heroku_create_push.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MaartenGr/streamlit_guide/336c38aa72b3b4cc5f0aed98b561b6a37b3155c3/images/heroku_create_push.png


--------------------------------------------------------------------------------
/images/heroku_login.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MaartenGr/streamlit_guide/336c38aa72b3b4cc5f0aed98b561b6a37b3155c3/images/heroku_login.png


--------------------------------------------------------------------------------
/images/heroku_open.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MaartenGr/streamlit_guide/336c38aa72b3b4cc5f0aed98b561b6a37b3155c3/images/heroku_open.png


--------------------------------------------------------------------------------
/images/heroku_push.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MaartenGr/streamlit_guide/336c38aa72b3b4cc5f0aed98b561b6a37b3155c3/images/heroku_push.png


--------------------------------------------------------------------------------
/images/heroku_web.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MaartenGr/streamlit_guide/336c38aa72b3b4cc5f0aed98b561b6a37b3155c3/images/heroku_web.png


--------------------------------------------------------------------------------
/images/markdown.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MaartenGr/streamlit_guide/336c38aa72b3b4cc5f0aed98b561b6a37b3155c3/images/markdown.png


--------------------------------------------------------------------------------
/images/multiselect.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MaartenGr/streamlit_guide/336c38aa72b3b4cc5f0aed98b561b6a37b3155c3/images/multiselect.png


--------------------------------------------------------------------------------
/images/slider.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MaartenGr/streamlit_guide/336c38aa72b3b4cc5f0aed98b561b6a37b3155c3/images/slider.png


--------------------------------------------------------------------------------
/images/uber.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MaartenGr/streamlit_guide/336c38aa72b3b4cc5f0aed98b561b6a37b3155c3/images/uber.jpg


--------------------------------------------------------------------------------
/images/uber.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MaartenGr/streamlit_guide/336c38aa72b3b4cc5f0aed98b561b6a37b3155c3/images/uber.png


--------------------------------------------------------------------------------
/requirements.txt:
--------------------------------------------------------------------------------
1 | streamlit==0.49.0
2 | vega-datasets==0.7.0
3 | altair==3.2.0


--------------------------------------------------------------------------------
/setup.sh:
--------------------------------------------------------------------------------
 1 | mkdir -p ~/.streamlit/
 2 | 
 3 | echo "\
 4 | [general]\n\
 5 | email = \"your-email@domain.com\"\n\
 6 | " > ~/.streamlit/credentials.toml
 7 | 
 8 | echo "\
 9 | [server]\n\
10 | headless = true\n\
11 | enableCORS=false\n\
12 | port = $PORT\n\
13 | " > ~/.streamlit/config.toml


--------------------------------------------------------------------------------