base on Streamlit — A faster way to build and share data apps. <br> <img src="https://user-images.githubusercontent.com/7164864/217935870-c0bc60a3-6fc0-4047-b011-7b4c59488c91.png" alt="Streamlit logo" style="margin-top:50px"></img> # Welcome to Streamlit 👋 **A faster way to build and share data apps.** ## What is Streamlit? Streamlit lets you transform Python scripts into interactive web apps in minutes, instead of weeks. Build dashboards, generate reports, or create chat apps. Once you’ve created an app, you can use our [Community Cloud platform](https://streamlit.io/cloud) to deploy, manage, and share your app. ### Why choose Streamlit? - **Simple and Pythonic:** Write beautiful, easy-to-read code. - **Fast, interactive prototyping:** Let others interact with your data and provide feedback quickly. - **Live editing:** See your app update instantly as you edit your script. - **Open-source and free:** Join a vibrant community and contribute to Streamlit's future. ## Installation Open a terminal and run: ```bash $ pip install streamlit $ streamlit hello ``` If this opens our sweet _Streamlit Hello_ app in your browser, you're all set! If not, head over to [our docs](https://docs.streamlit.io/get-started) for specific installs. The app features a bunch of examples of what you can do with Streamlit. Jump to the [quickstart](#quickstart) section to understand how that all works. <img src="https://user-images.githubusercontent.com/7164864/217936487-1017784e-68ec-4e0d-a7f6-6b97525ddf88.gif" alt="Streamlit Hello" width=500 href="none"></img> ## Quickstart ### A little example Create a new file `streamlit_app.py` with the following code: ```python import streamlit as st x = st.slider("Select a value") st.write(x, "squared is", x * x) ``` Now run it to open the app! ``` $ streamlit run streamlit_app.py ``` <img src="https://user-images.githubusercontent.com/7164864/215172915-cf087c56-e7ae-449a-83a4-b5fa0328d954.gif" width=300 alt="Little example"></img> ### Give me more! Streamlit comes in with [a ton of additional powerful elements](https://docs.streamlit.io/develop/api-reference) to spice up your data apps and delight your viewers. Some examples: <table border="0"> <tr> <td> <a target="_blank" href="https://docs.streamlit.io/develop/api-reference/widgets"> <img src="https://user-images.githubusercontent.com/7164864/217936099-12c16f8c-7fe4-44b1-889a-1ac9ee6a1b44.png" style="max-height:150px; width:auto; display:block;"> </a> </td> <td> <a target="_blank" href="https://docs.streamlit.io/develop/api-reference/data/st.dataframe"> <img src="https://user-images.githubusercontent.com/7164864/215110064-5eb4e294-8f30-4933-9563-0275230e52b5.gif" style="max-height:150px; width:auto; display:block;"> </a> </td> <td> <a target="_blank" href="https://docs.streamlit.io/develop/api-reference/charts"> <img src="https://user-images.githubusercontent.com/7164864/215174472-bca8a0d7-cf4b-4268-9c3b-8c03dad50bcd.gif" style="max-height:150px; width:auto; display:block;"> </a> </td> <td> <a target="_blank" href="https://docs.streamlit.io/develop/api-reference/layout"> <img src="https://user-images.githubusercontent.com/7164864/217936149-a35c35be-0d96-4c63-8c6a-1c4b52aa8f60.png" style="max-height:150px; width:auto; display:block;"> </a> </td> <td> <a target="_blank" href="https://docs.streamlit.io/develop/concepts/multipage-apps"> <img src="https://user-images.githubusercontent.com/7164864/215173883-eae0de69-7c1d-4d78-97d0-3bc1ab865e5b.gif" style="max-height:150px; width:auto; display:block;"> </a> </td> <td> <a target="_blank" href="https://streamlit.io/gallery"> <img src="https://user-images.githubusercontent.com/7164864/215109229-6ae9111f-e5c1-4f0b-b3a2-87a79268ccc9.gif" style="max-height:150px; width:auto; display:block;"> </a> </td> </tr> <tr> <td>Input widgets</td> <td>Dataframes</td> <td>Charts</td> <td>Layout</td> <td>Multi-page apps</td> <td>Fun</td> </tr> </table> Our vibrant creators community also extends Streamlit capabilities using  🧩 [Streamlit Components](https://streamlit.io/components). ## Get inspired There's so much you can build with Streamlit: - 🤖  [LLMs & chatbot apps](https://streamlit.io/gallery?category=llms) - 🧬  [Science & technology apps](https://streamlit.io/gallery?category=science-technology) - 💬  [NLP & language apps](https://streamlit.io/gallery?category=nlp-language) - 🏦  [Finance & business apps](https://streamlit.io/gallery?category=finance-business) - 🗺  [Geography & society apps](https://streamlit.io/gallery?category=geography-society) - and more! **Check out [our gallery!](https://streamlit.io/gallery)** 🎈 ## Community Cloud Deploy, manage and share your apps for free using our [Community Cloud](https://streamlit.io/cloud)! Sign-up [here](https://share.streamlit.io/signup). <br><br> <img src="https://user-images.githubusercontent.com/7164864/214965336-64500db3-0d79-4a20-8052-2dda883902d2.gif" width="400"></img> ## Resources - Explore our [docs](https://docs.streamlit.io) to learn how Streamlit works. - Ask questions and get help in our [community forum](https://discuss.streamlit.io). - Read our [blog](https://blog.streamlit.io) for tips from developers and creators. - Extend Streamlit's capabilities by installing or creating your own [Streamlit Components](https://streamlit.io/components). - Help others find and play with your app by using the Streamlit GitHub badge in your repository: ```markdown [](URL_TO_YOUR_APP) ``` [](https://share.streamlit.io/streamlit/roadmap) ## Contribute 🎉 Thanks for your interest in helping improve Streamlit! 🎉 Before contributing, please read our guidelines here: https://github.com/streamlit/streamlit/wiki/Contributing ## License Streamlit is completely free and open-source and licensed under the [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) license. ", Assign "at most 3 tags" to the expected json: {"id":"2640","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"