{"id":7548,"date":"2023-04-10T13:52:44","date_gmt":"2023-04-10T11:52:44","guid":{"rendered":"https:\/\/joapen.com\/blog\/?p=7548"},"modified":"2023-04-10T14:41:27","modified_gmt":"2023-04-10T12:41:27","slug":"building-an-app-on-streamlit-io","status":"publish","type":"post","link":"https:\/\/joapen.com\/blog\/2023\/04\/10\/building-an-app-on-streamlit-io\/","title":{"rendered":"Building an app on Streamlit.io"},"content":{"rendered":"\n<p>Thanks to Mark Craddock I discovered Streamlit.io that basically enables the people writing machine learning code in python to show the charts, diagrams and tables not on the console but on a web page, so others can easily read the information.<\/p>\n\n\n\n<p>I have some code done in Google Colab and it&#8217;s great environment for getting things done but once you have finish something and want to share it is complex for reading. You can read it on the code, for sure and adding good comments on the code enable a good reading, but not everybody is interested on it.<\/p>\n\n\n\n<p>So <a href=\"https:\/\/streamlit.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">streamlit.io<\/a> seems to be a good place to deploy some of this code.<\/p>\n\n\n\n<p>I started with one easy one: the <a href=\"https:\/\/joapen.com\/blog\/2019\/10\/15\/dix-and-gex-indicators\/\" target=\"_blank\" rel=\"noreferrer noopener\">visualization of the price, DIX and gex<\/a>. I take the data directly from the web, and visualize with some horizontal lines that are key for the reading.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1006\" height=\"697\" src=\"https:\/\/joapen.com\/blog\/wp-content\/uploads\/2023\/04\/image-18.png\" alt=\"\" class=\"wp-image-7549\" srcset=\"https:\/\/joapen.com\/blog\/wp-content\/uploads\/2023\/04\/image-18.png 1006w, https:\/\/joapen.com\/blog\/wp-content\/uploads\/2023\/04\/image-18-300x208.png 300w, https:\/\/joapen.com\/blog\/wp-content\/uploads\/2023\/04\/image-18-768x532.png 768w\" sizes=\"auto, (max-width: 1006px) 100vw, 1006px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1006\" height=\"684\" src=\"https:\/\/joapen.com\/blog\/wp-content\/uploads\/2023\/04\/image-19.png\" alt=\"\" class=\"wp-image-7550\" srcset=\"https:\/\/joapen.com\/blog\/wp-content\/uploads\/2023\/04\/image-19.png 1006w, https:\/\/joapen.com\/blog\/wp-content\/uploads\/2023\/04\/image-19-300x204.png 300w, https:\/\/joapen.com\/blog\/wp-content\/uploads\/2023\/04\/image-19-768x522.png 768w\" sizes=\"auto, (max-width: 1006px) 100vw, 1006px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Data Upload<\/h2>\n\n\n\n<p>To upload the data I have created a python code that is deployed on streamlit. I call to this streamlit app through a github action.<\/p>\n\n\n\n<p>The next step is to directly run the code from a python action in github and remove the dependency on streamlit.io.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Thanks to Mark Craddock I discovered Streamlit.io that basically enables the people writing machine learning code in python to show the charts, diagrams and tables not on the console but on a web page, so others can easily read the information. I have some code done in Google Colab and it&#8217;s great environment for getting &#8230; <a title=\"Building an app on Streamlit.io\" class=\"read-more\" href=\"https:\/\/joapen.com\/blog\/2023\/04\/10\/building-an-app-on-streamlit-io\/\" aria-label=\"Read more about Building an app on Streamlit.io\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[38,104],"tags":[],"class_list":["post-7548","post","type-post","status-publish","format-standard","hentry","category-learning","category-python"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Building an app on Streamlit.io -<\/title>\n<meta name=\"description\" content=\"Thanks to Mark Craddock I discovered Streamlit.io that basically enables the people writing machine learning code in python to show the charts, diagrams - joapen projects\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/joapen.com\/blog\/2023\/04\/10\/building-an-app-on-streamlit-io\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Building an app on Streamlit.io -\" \/>\n<meta property=\"og:description\" content=\"Thanks to Mark Craddock I discovered Streamlit.io that basically enables the people writing machine learning code in python to show the charts, diagrams - joapen projects\" \/>\n<meta property=\"og:url\" content=\"https:\/\/joapen.com\/blog\/2023\/04\/10\/building-an-app-on-streamlit-io\/\" \/>\n<meta property=\"og:site_name\" content=\"joapen projects\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-10T11:52:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-10T12:41:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/joapen.com\/blog\/wp-content\/uploads\/2023\/04\/image-18.png\" \/>\n<meta name=\"author\" content=\"joapen\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"joapen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/2023\\\/04\\\/10\\\/building-an-app-on-streamlit-io\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/2023\\\/04\\\/10\\\/building-an-app-on-streamlit-io\\\/\"},\"author\":{\"name\":\"joapen\",\"@id\":\"http:\\\/\\\/joapen.com\\\/blog\\\/#\\\/schema\\\/person\\\/23919df2312175fe9c4609203595b217\"},\"headline\":\"Building an app on Streamlit.io\",\"datePublished\":\"2023-04-10T11:52:44+00:00\",\"dateModified\":\"2023-04-10T12:41:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/2023\\\/04\\\/10\\\/building-an-app-on-streamlit-io\\\/\"},\"wordCount\":205,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\\\/\\\/joapen.com\\\/blog\\\/#\\\/schema\\\/person\\\/23919df2312175fe9c4609203595b217\"},\"image\":{\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/2023\\\/04\\\/10\\\/building-an-app-on-streamlit-io\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/joapen.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/image-18.png\",\"articleSection\":[\"Learning\",\"Python\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/joapen.com\\\/blog\\\/2023\\\/04\\\/10\\\/building-an-app-on-streamlit-io\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/2023\\\/04\\\/10\\\/building-an-app-on-streamlit-io\\\/\",\"url\":\"https:\\\/\\\/joapen.com\\\/blog\\\/2023\\\/04\\\/10\\\/building-an-app-on-streamlit-io\\\/\",\"name\":\"Building an app on Streamlit.io -\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/joapen.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/2023\\\/04\\\/10\\\/building-an-app-on-streamlit-io\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/2023\\\/04\\\/10\\\/building-an-app-on-streamlit-io\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/joapen.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/image-18.png\",\"datePublished\":\"2023-04-10T11:52:44+00:00\",\"dateModified\":\"2023-04-10T12:41:27+00:00\",\"description\":\"Thanks to Mark Craddock I discovered Streamlit.io that basically enables the people writing machine learning code in python to show the charts, diagrams - joapen projects\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/2023\\\/04\\\/10\\\/building-an-app-on-streamlit-io\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/joapen.com\\\/blog\\\/2023\\\/04\\\/10\\\/building-an-app-on-streamlit-io\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/2023\\\/04\\\/10\\\/building-an-app-on-streamlit-io\\\/#primaryimage\",\"url\":\"https:\\\/\\\/joapen.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/image-18.png\",\"contentUrl\":\"https:\\\/\\\/joapen.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/image-18.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/2023\\\/04\\\/10\\\/building-an-app-on-streamlit-io\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\\\/\\\/joapen.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Building an app on Streamlit.io\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/joapen.com\\\/blog\\\/#website\",\"url\":\"http:\\\/\\\/joapen.com\\\/blog\\\/\",\"name\":\"joapen projects\",\"description\":\"Just a place to write\",\"publisher\":{\"@id\":\"http:\\\/\\\/joapen.com\\\/blog\\\/#\\\/schema\\\/person\\\/23919df2312175fe9c4609203595b217\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/joapen.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"http:\\\/\\\/joapen.com\\\/blog\\\/#\\\/schema\\\/person\\\/23919df2312175fe9c4609203595b217\",\"name\":\"joapen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/joapen-mini.jpeg\",\"url\":\"https:\\\/\\\/joapen.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/joapen-mini.jpeg\",\"contentUrl\":\"https:\\\/\\\/joapen.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/joapen-mini.jpeg\",\"width\":400,\"height\":400,\"caption\":\"joapen\"},\"logo\":{\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/joapen-mini.jpeg\"},\"sameAs\":[\"http:\\\/\\\/www.joapen.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Building an app on Streamlit.io -","description":"Thanks to Mark Craddock I discovered Streamlit.io that basically enables the people writing machine learning code in python to show the charts, diagrams - joapen projects","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/joapen.com\/blog\/2023\/04\/10\/building-an-app-on-streamlit-io\/","og_locale":"en_US","og_type":"article","og_title":"Building an app on Streamlit.io -","og_description":"Thanks to Mark Craddock I discovered Streamlit.io that basically enables the people writing machine learning code in python to show the charts, diagrams - joapen projects","og_url":"https:\/\/joapen.com\/blog\/2023\/04\/10\/building-an-app-on-streamlit-io\/","og_site_name":"joapen projects","article_published_time":"2023-04-10T11:52:44+00:00","article_modified_time":"2023-04-10T12:41:27+00:00","og_image":[{"url":"https:\/\/joapen.com\/blog\/wp-content\/uploads\/2023\/04\/image-18.png","type":"","width":"","height":""}],"author":"joapen","twitter_misc":{"Written by":"joapen","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/joapen.com\/blog\/2023\/04\/10\/building-an-app-on-streamlit-io\/#article","isPartOf":{"@id":"https:\/\/joapen.com\/blog\/2023\/04\/10\/building-an-app-on-streamlit-io\/"},"author":{"name":"joapen","@id":"http:\/\/joapen.com\/blog\/#\/schema\/person\/23919df2312175fe9c4609203595b217"},"headline":"Building an app on Streamlit.io","datePublished":"2023-04-10T11:52:44+00:00","dateModified":"2023-04-10T12:41:27+00:00","mainEntityOfPage":{"@id":"https:\/\/joapen.com\/blog\/2023\/04\/10\/building-an-app-on-streamlit-io\/"},"wordCount":205,"commentCount":0,"publisher":{"@id":"http:\/\/joapen.com\/blog\/#\/schema\/person\/23919df2312175fe9c4609203595b217"},"image":{"@id":"https:\/\/joapen.com\/blog\/2023\/04\/10\/building-an-app-on-streamlit-io\/#primaryimage"},"thumbnailUrl":"https:\/\/joapen.com\/blog\/wp-content\/uploads\/2023\/04\/image-18.png","articleSection":["Learning","Python"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/joapen.com\/blog\/2023\/04\/10\/building-an-app-on-streamlit-io\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/joapen.com\/blog\/2023\/04\/10\/building-an-app-on-streamlit-io\/","url":"https:\/\/joapen.com\/blog\/2023\/04\/10\/building-an-app-on-streamlit-io\/","name":"Building an app on Streamlit.io -","isPartOf":{"@id":"http:\/\/joapen.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/joapen.com\/blog\/2023\/04\/10\/building-an-app-on-streamlit-io\/#primaryimage"},"image":{"@id":"https:\/\/joapen.com\/blog\/2023\/04\/10\/building-an-app-on-streamlit-io\/#primaryimage"},"thumbnailUrl":"https:\/\/joapen.com\/blog\/wp-content\/uploads\/2023\/04\/image-18.png","datePublished":"2023-04-10T11:52:44+00:00","dateModified":"2023-04-10T12:41:27+00:00","description":"Thanks to Mark Craddock I discovered Streamlit.io that basically enables the people writing machine learning code in python to show the charts, diagrams - joapen projects","breadcrumb":{"@id":"https:\/\/joapen.com\/blog\/2023\/04\/10\/building-an-app-on-streamlit-io\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/joapen.com\/blog\/2023\/04\/10\/building-an-app-on-streamlit-io\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/joapen.com\/blog\/2023\/04\/10\/building-an-app-on-streamlit-io\/#primaryimage","url":"https:\/\/joapen.com\/blog\/wp-content\/uploads\/2023\/04\/image-18.png","contentUrl":"https:\/\/joapen.com\/blog\/wp-content\/uploads\/2023\/04\/image-18.png"},{"@type":"BreadcrumbList","@id":"https:\/\/joapen.com\/blog\/2023\/04\/10\/building-an-app-on-streamlit-io\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/joapen.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Building an app on Streamlit.io"}]},{"@type":"WebSite","@id":"http:\/\/joapen.com\/blog\/#website","url":"http:\/\/joapen.com\/blog\/","name":"joapen projects","description":"Just a place to write","publisher":{"@id":"http:\/\/joapen.com\/blog\/#\/schema\/person\/23919df2312175fe9c4609203595b217"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/joapen.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"http:\/\/joapen.com\/blog\/#\/schema\/person\/23919df2312175fe9c4609203595b217","name":"joapen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/joapen.com\/blog\/wp-content\/uploads\/2021\/04\/joapen-mini.jpeg","url":"https:\/\/joapen.com\/blog\/wp-content\/uploads\/2021\/04\/joapen-mini.jpeg","contentUrl":"https:\/\/joapen.com\/blog\/wp-content\/uploads\/2021\/04\/joapen-mini.jpeg","width":400,"height":400,"caption":"joapen"},"logo":{"@id":"https:\/\/joapen.com\/blog\/wp-content\/uploads\/2021\/04\/joapen-mini.jpeg"},"sameAs":["http:\/\/www.joapen.com"]}]}},"_links":{"self":[{"href":"https:\/\/joapen.com\/blog\/wp-json\/wp\/v2\/posts\/7548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/joapen.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/joapen.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/joapen.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/joapen.com\/blog\/wp-json\/wp\/v2\/comments?post=7548"}],"version-history":[{"count":2,"href":"https:\/\/joapen.com\/blog\/wp-json\/wp\/v2\/posts\/7548\/revisions"}],"predecessor-version":[{"id":7553,"href":"https:\/\/joapen.com\/blog\/wp-json\/wp\/v2\/posts\/7548\/revisions\/7553"}],"wp:attachment":[{"href":"https:\/\/joapen.com\/blog\/wp-json\/wp\/v2\/media?parent=7548"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/joapen.com\/blog\/wp-json\/wp\/v2\/categories?post=7548"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/joapen.com\/blog\/wp-json\/wp\/v2\/tags?post=7548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}