{ "source_file": "0930", "source_platform": "Medium", "author": "Chua Chin Hon", "title_listed": "Building NLP Web Apps With Gradio And Hugging Face Transformers", "keywords": "", "domain": "文本处理", "content_type": "深度技术解析", "is_paid_flag": "否", "url": "https://towardsdatascience.com/building-nlp-web-apps-with-gradio-and-hugging-face-transformers-59ce8ab4a319/", "publish_date": "2021-08-11", "corpus_stage": "", "notes": "", "id": "6263e7317859", "collected_at": "2026-10-02T09:32:39", "title": "Building NLP Web Apps With Gradio And Hugging Face Transformers | Towards Data Science", "body_markdown": "![Revisit consent button](../images/body-df29beacd7496220cc94.svg)\nWe value your privacy\nWe use cookies to enhance your browsing experience, serve personalised ads or content, and analyse our traffic. By clicking \"Accept All\", you consent to our use of cookies.\nCustomise Reject All Accept All\nCustomise Consent Preferences ![](../images/body-2159bb67f3de8ad870eb.svg)\nWe use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.\nThe cookies that are categorised as \"Necessary\" are stored on your browser as they are essential for enabling the basic functionalities of the site. ... Show more\nNecessaryAlways Active\nNecessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.\n * Cookie\nBCTempID\n * Duration\n10 minutes\n * Description\nNo description available.\n\n\n * Cookie\n__cf_bm\n * Duration\n1 hour\n * Description\nThis cookie, set by Cloudflare, is used to support Cloudflare Bot Management. \n\n\n * Cookie\nAWSALBCORS\n * Duration\n7 days\n * Description\nAmazon Web Services set this cookie for load balancing.\n\n\n * Cookie\n_cfuvid\n * Duration\nsession\n * Description\nCloudflare sets this cookie to track users across sessions to optimize user experience by maintaining session consistency and providing personalized services\n\n\n * Cookie\nli_gc\n * Duration\n6 months\n * Description\nLinkedin set this cookie for storing visitor's consent regarding using cookies for non-essential purposes.\n\n\n * Cookie\n__hssrc\n * Duration\nsession\n * Description\nThis cookie is set by Hubspot whenever it changes the session cookie. The __hssrc cookie set to 1 indicates that the user has restarted the browser, and if the cookie does not exist, it is assumed to be a new session.\n\n\n * Cookie\n__hssc\n * Duration\n1 hour\n * Description\nHubSpot sets this cookie to keep track of sessions and to determine if HubSpot should increment the session number and timestamps in the __hstc cookie.\n\n\n * Cookie\nwpEmojiSettingsSupports\n * Duration\nsession\n * Description\nWordPress sets this cookie when a user interacts with emojis on a WordPress site. It helps determine if the user's browser can display emojis properly.\n\n\n * Cookie\nBCSessionID\n * Duration\n1 year 1 month 4 days\n * Description\nBlueconic sets this cookie as a unique identifier for the BlueConic profile.\n\n\n * Cookie\n_octo\n * Duration\n1 year\n * Description\nNo description available.\n\n\n * Cookie\nlogged_in\n * Duration\n1 year\n * Description\nNo description available.\n\n\n * Cookie\n__Secure-YEC\n * Duration\npast\n * Description\nYouTube sets this cookie to stores the user's video player preferences using embedded YouTube video\n\n\n * Cookie\n__eoi\n * Duration\n6 months\n * Description\nDescription is currently not available.\n\n\n * Cookie\nAWSALBTGCORS\n * Duration\n7 days\n * Description\nNo description available.\n\n\n * Cookie\nlogin-status-p\n * Duration\npast\n * Description\nDescription is currently not available.\n\n\n * Cookie\nAWSALBTG\n * Duration\n7 days\n * Description\nNo description available.\n\n\n * Cookie\ncsrf_token\n * Duration\nsession\n * Description\nNo description available.\n\n\n * Cookie\ntoken_v2\n * Duration\n1 day\n * Description\nDescription is currently not available.\n\n\n * Cookie\nD\n * Duration\n1 year\n * Description\nDescription is currently not available.\n\n\n * Cookie\nPHPSESSID\n * Duration\nsession\n * Description\nThis cookie is native to PHP applications. The cookie stores and identifies a user's unique session ID to manage user sessions on the website. The cookie is a session cookie and will be deleted when all the browser windows are closed.\n\n\n * Cookie\nVISITOR_PRIVACY_METADATA\n * Duration\n6 months\n * Description\nYouTube sets this cookie to store the user's cookie consent state for the current domain. \n\n\n * Cookie\ncookietest\n * Duration\nsession\n * Description\nThe cookietest cookie is typically used to determine whether the user's browser accepts cookies, essential for website functionality and user experience.\n\n\n * Cookie\n__Host-airtable-session\n * Duration\n1 year\n * Description\nThis cookie is used to enable us to integrate the services of Airtable.\n\n\n * Cookie\n__Host-airtable-session.sig\n * Duration\n1 year\n * Description\nThis cookie is used to enable us to integrate the services of Airtable.\n\n\n * Cookie\nm\n * Duration\n1 year 1 month 4 days\n * Description\nStripe sets this cookie for fraud prevention purposes. It identifies the device used to access the website, allowing the website to be formatted accordingly.\n\n\n * Cookie\nBIGipServer*\n * Duration\nsession\n * Description\nMarketo sets this cookie to collect information about the user's online activity and build a profile about their interests to provide advertisements relevant to the user. \n\n\n * Cookie\n__cfruid\n * Duration\nsession\n * Description\nCloudflare sets this cookie to identify trusted web traffic.\n\n\n * Cookie\n_GRECAPTCHA\n * Duration\n6 months\n * Description\nGoogle Recaptcha service sets this cookie to identify bots to protect the website against malicious spam attacks.\n\n\n * Cookie\n__Secure-YNID\n * Duration\n6 months\n * Description\nGoogle cookie used to protect user security and prevent fraud, especially during the login process.\n\n\n * Cookie\ncookieyes-consent\n * Duration\n1 year\n * Description\nCookieYes sets this cookie to remember users' consent preferences so that their preferences are respected on subsequent visits to this site. It does not collect or store any personal information about the site visitors.\n\n\nFunctional\nFunctional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.\n * Cookie\nlidc\n * Duration\n1 day\n * Description\nLinkedIn sets the lidc cookie to facilitate data center selection.\n\n\n * Cookie\nbrw\n * Duration\n1 year\n * Description\nNo description available.\n\n\n * Cookie\nbrwConsent\n * Duration\n5 minutes\n * Description\nDescription is currently not available.\n\n\n * Cookie\nWMF-Uniq\n * Duration\n1 year\n * Description\nDescription is currently not available.\n\n\n * Cookie\nloom_anon_comment\n * Duration\n1 year\n * Description\nNo description available.\n\n\n * Cookie\nloom_referral_video\n * Duration\nsession\n * Description\nDescription is currently not available.\n\n\n * Cookie\nVISITOR_INFO1_LIVE\n * Duration\n6 months\n * Description\nA cookie set by YouTube to measure bandwidth that determines whether the user gets the new or old player interface.\n\n\n * Cookie\nyt-remote-connected-devices\n * Duration\nNever Expires\n * Description\nYouTube sets this cookie to store the user's video preferences using embedded YouTube videos.\n\n\n * Cookie\nytidb::LAST_RESULT_ENTRY_KEY\n * Duration\nNever Expires\n * Description\nThe cookie ytidb::LAST_RESULT_ENTRY_KEY is used by YouTube to store the last search result entry that was clicked by the user. This information is used to improve the user experience by providing more relevant search results in the future.\n\n\n * Cookie\nyt-remote-device-id\n * Duration\nNever Expires\n * Description\nYouTube sets this cookie to store the user's video preferences using embedded YouTube videos.\n\n\n * Cookie\nyt-remote-session-name\n * Duration\nsession\n * Description\nThe yt-remote-session-name cookie is used by YouTube to store the user's video player preferences using embedded YouTube video.\n\n\n * Cookie\nyt-remote-fast-check-period\n * Duration\nsession\n * Description\nThe yt-remote-fast-check-period cookie is used by YouTube to store the user's video player preferences for embedded YouTube videos.\n\n\n * Cookie\nyt-remote-session-app\n * Duration\nsession\n * Description\nThe yt-remote-session-app cookie is used by YouTube to store user preferences and information about the interface of the embedded YouTube video player.\n\n\n * Cookie\nyt-remote-cast-available\n * Duration\nsession\n * Description\nThe yt-remote-cast-available cookie is used to store the user's preferences regarding whether casting is available on their YouTube video player.\n\n\n * Cookie\nyt-remote-cast-installed\n * Duration\nsession\n * Description\nThe yt-remote-cast-installed cookie is used to store the user's video player preferences using embedded YouTube video.\n\n\n * Cookie\ncp_session\n * Duration\n3 months\n * Description\nCodepen sets this cookie for Help systems found in the website.\n\n\n * Cookie\nloid\n * Duration\n1 year 1 month 4 days\n * Description\nThis cookie is set by the Reddit. The cookie enables the sharing of content from the website onto the social media platform.\n\n\nAnalytics\nAnalytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.\n * Cookie\n__hstc\n * Duration\n6 months\n * Description\nHubspot set this main cookie for tracking visitors. It contains the domain, initial timestamp (first visit), last timestamp (last visit), current timestamp (this visit), and session number (increments for each subsequent session).\n\n\n * Cookie\nhubspotutk\n * Duration\n6 months\n * Description\nHubSpot sets this cookie to keep track of the visitors to the website. This cookie is passed to HubSpot on form submission and used when deduplicating contacts.\n\n\n * Cookie\n_ga\n * Duration\n1 year 1 month 4 days\n * Description\nGoogle Analytics sets this cookie to calculate visitor, session and campaign data and track site usage for the site's analytics report. The cookie stores information anonymously and assigns a randomly generated number to recognise unique visitors.\n\n\n * Cookie\n_ga_*\n * Duration\n1 year 1 month 4 days\n * Description\nGoogle Analytics sets this cookie to store and count page views.\n\n\n * Cookie\n__Host-psifi.analyticsTrace\n * Duration\n6 hours\n * Description\nDescription is currently not available.\n\n\n * Cookie\n__Host-psifi.analyticsTraceV2\n * Duration\n6 hours\n * Description\nDescription is currently not available.\n\n\n * Cookie\n_gh_sess\n * Duration\nsession\n * Description\nGitHub sets this cookie for temporary application and framework state between pages like what step the user is on in a multiple step form.\n\n\n * Cookie\nYSC\n * Duration\nsession\n * Description\nYSC cookie is set by Youtube and is used to track the views of embedded videos on Youtube pages.\n\n\n * Cookie\najs_anonymous_id\n * Duration\n1 year\n * Description\nThis cookie is set by Segment to count the number of people who visit a certain site by tracking if they have visited before.\n\n\n * Cookie\nvuid\n * Duration\n1 year 1 month 4 days\n * Description\nVimeo installs this cookie to collect tracking information by setting a unique ID to embed videos on the website. \n\n\nPerformance\nPerformance cookies are used to understand and analyse the key performance indexes of the website which helps in delivering a better user experience for the visitors.\n * Cookie\nAWSALB\n * Duration\n7 days\n * Description\nAWSALB is an application load balancer cookie set by Amazon Web Services to map the session to the target.\n\n\n * Cookie\nacq\n * Duration\npast\n * Description\nDescription is currently not available.\n\n\n * Cookie\nacq.sig\n * Duration\npast\n * Description\nDescription is currently not available.\n\n\n * Cookie\nptc\n * Duration\n2 years\n * Description\nNo description available.\n\n\nAdvertisement\nAdvertisement cookies are used to provide visitors with customised advertisements based on the pages you visited previously and to analyse the effectiveness of the ad campaigns.\n * Cookie\nmuc_ads\n * Duration\n1 year 1 month 4 days\n * Description\nTwitter sets this cookie to collect user behaviour and interaction data to optimize the website.\n\n\n * Cookie\nguest_id_marketing\n * Duration\n1 year 1 month 4 days\n * Description\nTwitter sets this cookie to identify and track the website visitor.\n\n\n * Cookie\nguest_id_ads\n * Duration\n1 year 1 month 4 days\n * Description\nTwitter sets this cookie to identify and track the website visitor.\n\n\n * Cookie\npersonalization_id\n * Duration\n1 year 1 month 4 days\n * Description\nTwitter sets this cookie to integrate and share features for social media and also store information about how the user uses the website, for tracking and targeting.\n\n\n * Cookie\nguest_id\n * Duration\n1 year 1 month 4 days\n * Description\nTwitter sets this cookie to identify and track the website visitor. It registers if a user is signed in to the Twitter platform and collects information about ad preferences.\n\n\n * Cookie\nbcookie\n * Duration\n1 year\n * Description\nLinkedIn sets this cookie from LinkedIn share buttons and ad tags to recognize browser IDs.\n\n\n * Cookie\n__Secure-ROLLOUT_TOKEN\n * Duration\n6 months\n * Description\nYouTube sets this cookie to manage feature rollout and experimentation. It helps Google control which new features or interface changes are shown to users as part of testing and staged rollouts, ensuring consistent experience for a given user during an experiment.\n\n\n * Cookie\nyt.innertube::nextId\n * Duration\nNever Expires\n * Description\nYouTube sets this cookie to register a unique ID to store data on what videos from YouTube the user has seen.\n\n\n * Cookie\nyt.innertube::requests\n * Duration\nNever Expires\n * Description\nYouTube sets this cookie to register a unique ID to store data on what videos from YouTube the user has seen.\n\n\n * Cookie\nsession_tracker\n * Duration\nsession\n * Description\nThis cookie is set by the Reddit. This cookie is used to identify trusted web traffic. It also helps in adverstising on the website.\n\n\n * Cookie\nedgebucket\n * Duration\nsession\n * Description\nReddit sets this cookie to save the information about a log-on Reddit user, for the purpose of advertisement recommendations and updating the content.\n\n\n * Cookie\ndid\n * Duration\n1 year\n * Description\nArbor sets this cookie to show targeted ads to site visitors.This cookie expires after 2 months or 1 year.\n\n\nUncategorised\nOther uncategorised cookies are those that are being analysed and have not been classified into a category as yet.\nNo cookies to display.\nReject All Save My Preferences Accept All\nToggle Search[](https://towardsdatascience.com/)Toggle Mobile Navigation\n[](https://towardsdatascience.com/)\nPublish AI, ML & data-science insights to a global community of data professionals.\nSign in[Submit an Article](https://write.insightmediagroup.io)\n[Latest](https://towardsdatascience.com/latest/)[Editor's Picks](https://towardsdatascience.com/tag/editors-pick/)[Newsletter](https://towardsdatascience.com/tag/the-variable/)[ShipAI](https://towardsdatascience.com/shipai/)\n* * *\n[Write For TDS](https://towardsdatascience.com/submissions/)\n[LinkedIn](https://www.linkedin.com/company/towards-data-science/)[X](https://x.com/TDataScience)Toggle Search\n[Data Science](https://towardsdatascience.com/category/data-science/)\n# Building NLP Web Apps With Gradio And Hugging Face Transformers\nA web app is essential for demonstrating your NLP/ML solution to colleagues and clients. But building and deploying one can be a nightmare...\n[Chua Chin Hon](https://towardsdatascience.com/author/chuachinhon/)\nAugust 11, 20217 min read\n### A web app is essential for demonstrating your NLP/ML solution to colleagues and clients. But building and deploying one can be a nightmare at times. Enter Gradio.\n![Gif of sentiment analysis web app by Chua Chin Hon.](../images/001.gif)\nGif of sentiment analysis web app by Chua Chin Hon.\nWeb app design and deployment arguably rank among the most neglected skills for data scientists and analysts. Yet, these skills are essential if you need to demonstrate your NLP or machine learning solution to colleagues or clients.\nWhile a good presentation goes a long way, nothing quite beats having a prototype where non-technical users can test the proposed solution for themselves. And if you've tried deploying an ML web app in recent years, you'd know that most hosting services don't make it easy for those with limited front-end development experience.\nEnter Gradio, a relatively new library that makes the creation and sharing of ML and NLP web apps a breeze, by comparison. With a few lines of code, you can house your model in a number of standard templates that take the hassle out of having to create separate HTML templates and figuring out the UI, color and size of the buttons etc.\nLearn this step by step with the interactive [AI and Data Scientist](https://roadmap.sh/ai-data-scientist) and [Machine Learning](https://roadmap.sh/machine-learning) roadmaps.\nTo be sure, the Gradio templates are pretty minimalist. But frankly that's all you need in the early stages of testing and development, when the goal is simply to _test fast and iterate fast_. Gradio's [close integration with Hugging Face's](https://gradio.app/blog/using-huggingface-models) _transformers_ library and model hub makes it an even more powerful tool.\nGradio is not the only library you can use for rapid web app development, of course. [Streamlit](https://streamlit.io/) and [Plotly](https://plotly.com/) are two other prominent names in this space, each with their own strengths. But I'd say Gradio is the most user-friendly by far, and a game changer for early phase NLP/ML solutions development.\nOver several Jupyter notebooks, I'll share examples of how I've used Gradio to build standalone and \"chain-linked\" NLP apps that combine different functionalities and transformer models.\n* * *\n## REPO, FILES, AND PROJECT SCOPE\nMy [repo for this project](https://github.com/chuachinhon/gradio_nlp) contains all the files needed to run the examples in this post: [5 Jupyter notebooks](https://github.com/chuachinhon/gradio_nlp/tree/main/notebooks), [2 audio files](https://github.com/chuachinhon/gradio_nlp/tree/main/data) and a pickled [Logistic Regression model](https://github.com/chuachinhon/gradio_nlp/tree/main/models) (to demonstrate Gradio's usage beyond transformer models).\nThe demos here are geared more towards newcomers, as well as those in the early explorative phase of their NLP/ML projects. Gradio offers options for hosting and private deployment, but that's well outside the scope of this post.\nIt takes just a few lines of code to get a Gradio app up and running, on top of what you need to do to define your NLP/ML model's input and output. The process is even simpler if you use Hugging Face's public [Inference API](https://huggingface.co/inference-api). But I won't take that approach in my examples as I find that Hugging Face's public/free Inference API is relatively slow, and your app could crash if you try to load too many transformer models in one go.\nAs such, I coded my demos to run off a local machine. To share the app publicly, you just need to change one parameter in the Gradio interface.\n* * *\n## 1. STANDALONE SENTIMENT ANALYSIS APP\n![](../images/001.gif)\nLet's start with one of the simplest examples possible - building a [web app for sentiment analysis](https://github.com/chuachinhon/gradio_nlp/blob/main/notebooks/1.0_gradio_sentiment.ipynb) using Hugging Face's [pipeline API](https://huggingface.co/transformers/main_classes/pipelines.html). The default Distilbert model in the sentiment analysis pipeline returns two values - a label (positive or negative) and a score (float).\nGradio takes the pain out of having to design the web app from scratch and fiddling with issues like how to label the two outputs correctly. The screen-grab below shows how you can easily adjust the look of the app with a few parameter changes in Gradio:\n![Screen-capture: Chua Chin Hon](../images/002.png)\nScreen-capture: Chua Chin Hon\nAnd thanks to the close integration between the Gradio and _transformers_ libraries, it won't take more than a few minutes to tweak the code in [notebook1.0](https://github.com/chuachinhon/gradio_nlp/blob/main/notebooks/1.0_gradio_sentiment.ipynb) to turn the sentiment analysis web app into one for translation, summarization, or zero-shot classification.\n## 2. STANDALONE TROLL TWEET DETECTOR APP\nGradio works just as well with pickled models via standard machine learning libraries like Scikit-learn. In [notebook1.](https://github.com/chuachinhon/gradio_nlp/blob/main/notebooks/1.1_gradio_logreg.ipynb)1, I loaded a pickled Logistic Regression classifier for trolls tweets that I had built in a [previous project](https://github.com/chuachinhon/transformers_state_trolls_cch/blob/master/notebooks/3.0_compare_logreg_cch.ipynb), and the Gradio app was up and running in no time:\n![Screen-capture: Chua Chin Hon](../images/003.png)\nScreen-capture: Chua Chin Hon\nThe Gradio template is barebones, no doubt. But that's all I need at the early stage to see if the model is working as intended, and if the solution is clear to a non-technical audience.\n## 3. GRADIO IN \"PARALLEL\" - COMPARING 2 SUMMARY MODELS\nOf late, it's become practically impossible to keep up with the number of new transformer models available for various NLP tasks. If you are working on a text summarization project, for instance, how do you demonstrate which of the [248 models available on Hugging Face's model hub](https://huggingface.co/models?pipeline_tag=summarization) work better for your use case? Or how would you demonstrate that your own fine-tuned model performs better than another model out there?\nGradio provides a neat solution by allowing transformer models to be loaded in \"parallel\" within the same app. This way you can directly compare the different results from one input:\n![Screen-capture: Chua Chin Hon](../images/004.png)\nScreen-capture: Chua Chin Hon\nIn [notebook2.0](https://github.com/chuachinhon/gradio_nlp/blob/main/notebooks/2.0_gradio_parallel_summaries.ipynb), I spun up a quick web app to compare the summarization capabilities of two different models: FB's Bart and Google's Pegasus. This is a great way to directly compare the results from multiple models without having to copy out the results from different apps, or switch screens back and forth between two models.\nThis is also a great way for comparing the performances of text-generation or translation models, where the results from different models can vary quite widely. Gradio doesn't say what's the maximum number of models you can load in parallel at one time, so apply some commonsensical limits as required.\n## 4. GRADIO IN \"SERIES\" - COMBINING 2 TRANSFORMER MODELS FOR TRANSLATION AND SUMMARIZATION\nAnother way to leverage the huge number of transformer models out there is by linking them up in \"series\" - ie, connecting models of different functionalities under one Gradio app.\n[Notebook3.0 ](https://github.com/chuachinhon/gradio_nlp/blob/main/notebooks/3.0_gradio_series.ipynb)demonstrates how you can build a translator-summarizer that takes in Chinese text and produces a summary of the English translation:\n![Screen-capture: Chua Chin Hon](../images/005.png)\nScreen-capture: Chua Chin Hon\nThe end-result, as the screen-grab above shows, is less than impressive. It is a good reminder of the importance of restraint in these NLP/ML projects - just because something is technically feasible doesn't mean the results will be any good.\nWhile the ability to chain-link multiple transformer models of different functionalities is a very welcomed one, it will take considerably more effort to figure out a combination that works and delivers good results.\n## 5. SPEECH-TO-TEXT \"MIXED MEDIA\" APP WITH AUDIO INPUT AND TEXT OUTPUT\nMy final example, in [notebook4.0](https://github.com/chuachinhon/gradio_nlp/blob/main/notebooks/4.0_gradio_audio_text.ipynb), demos a quick way to build a simple speech-to-text web app using [Hugging Face's implementation of Facebook's Wav2Vec2 model](https://huggingface.co/models?search=wav2vec2).\nWith the latest version of Gradio, you can easily configure mixed-media apps that take one particular format of inputs, say audio or video, and output them in another format, say, text or numbers. To keep the demo simple, I settled on a speech-to-text app that takes in audio clips and returns a text transcript:\n![Screen-capture: Chua Chin Hon](../images/006.png)\nScreen-capture: Chua Chin Hon\nIt would probably take a newcomer hours, if not days, to create a similar speech-to-text app using Flask and HTML templates, to say nothing of the additional hoops to jump through in deploying correctly to the hosting provider.\nWith Gradio, the challenge with this particular example lies predominantly in defining a function that would handle longer audio files without out-of-memory issues that would crash the local machine:\n![](../images/body-ab5347cb10dd1096f20b.png)\nThe creation of the app interface practically takes just 1 line of code:\n![](../images/body-d1268e4540de27f93f73.png)\nI've included [two audio files in the repo](https://github.com/chuachinhon/gradio_nlp/tree/main/data) that you can try the speech-to-text app with - US President John F Kennedy's famous inauguration speech in 1961, and youth poet Amanda Gorman's poem at the inauguration of US President Joe Biden in 2021.\n* * *\n## END NOTES\nThe growing list of skills that data professionals need in order to be effective is frankly ridiculous. Few, if any, will ever have the time to learn to be as good at data-related coding and analysis skills, as well as front-end development.\nLibraries like Gradio help to \"compress\" that list of desired skills into something more manageable, by freeing up data scientists and analysts from having to spend hours tinkering with Flask and HTML for a simple demo.\nIn the long run, I think this helps promote greater transparency and accountability in machine learning, as data professionals no longer have any excuse to say that they can't quickly build apps to let others try out the proposed solutions.\nAnd as more people get to test such apps in the early stages, hopefully the biases and ethical issues buried deep in a particular solution's training data and design will be easier to spot.\n* * *\nAs always, if you spot mistakes in this or any of my earlier posts, ping me at:\n * Twitter: [Chua Chin Hon](https://medium.com/u/b3d8090c0aee?source=post_page-----aad7f2e1d0a0----------------------)\n * LinkedIn: [www.linkedin.com/in/chuachinhon](http://www.linkedin.com/in/chuachinhon)\n\n\n## Register Now to Continue Reading\n### Unlock Towards Data Science with a Free Account\nAll articles on Towards Data Science are available to registered users. Create a free account today to access this article and thousands more.\nRegister for freeSign in to your account\n* * *\n![](../images/body-d56b810b4697a0fbf983.png)\nWritten By\n## [Chua Chin Hon](https://towardsdatascience.com/author/chuachinhon/)\n[See all from Chua Chin Hon](https://towardsdatascience.com/author/chuachinhon/)\n[AI](https://towardsdatascience.com/tag/ai/)[Data Science](https://towardsdatascience.com/tag/data-science/)[Gradio](https://towardsdatascience.com/tag/gradio/)[Machine Learning](https://towardsdatascience.com/tag/machine-learning/)[Python](https://towardsdatascience.com/tag/python/)\nShare This Article\n * [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftowardsdatascience.com%2Fbuilding-nlp-web-apps-with-gradio-and-hugging-face-transformers-59ce8ab4a319%2F&title=Building%20NLP%20Web%20Apps%20With%20Gradio%20And%20Hugging%20Face%20Transformers)\n * [](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Ftowardsdatascience.com%2Fbuilding-nlp-web-apps-with-gradio-and-hugging-face-transformers-59ce8ab4a319%2F&title=Building%20NLP%20Web%20Apps%20With%20Gradio%20And%20Hugging%20Face%20Transformers)\n * [](https://x.com/share?url=https%3A%2F%2Ftowardsdatascience.com%2Fbuilding-nlp-web-apps-with-gradio-and-hugging-face-transformers-59ce8ab4a319%2F&text=Building%20NLP%20Web%20Apps%20With%20Gradio%20And%20Hugging%20Face%20Transformers)\n\n\nTowards Data Science is a community publication. Submit your insights to reach our global audience and earn through the TDS Author Payment Program.\n[Write for TDS](https://towardsdatascience.com/submissions/)\n## Related Articles\n * [![](../images/007.jpg)](https://towardsdatascience.com/the-importance-of-kiss-ing-and-testing-when-mixing-programming-languages-and-in-general-3c20ead71d9f/)\n## [The Importance of KISS-ing and testing (when mixing programming languages...and in general)](https://towardsdatascience.com/the-importance-of-kiss-ing-and-testing-when-mixing-programming-languages-and-in-general-3c20ead71d9f/)\n[Machine Learning](https://towardsdatascience.com/category/artificial-intelligence/machine-learning/)\nSimple + Tested Code = Less Problems\n[Ern Chow](https://towardsdatascience.com/author/ernchow/)\nMarch 11, 20225 min read\n * [![](../images/008.png)](https://towardsdatascience.com/how-to-find-weaknesses-in-your-machine-learning-models-3bcce3c7d71e/)\n## [How to Find Weaknesses in your Machine Learning Models](https://towardsdatascience.com/how-to-find-weaknesses-in-your-machine-learning-models-3bcce3c7d71e/)\n[Deep Learning](https://towardsdatascience.com/category/artificial-intelligence/deep-learning/)\nA possible implementation of IBM's FreaAI\n[Michael Berk](https://towardsdatascience.com/author/michaelberk/)\nJanuary 19, 20227 min read\n * [![](../images/009.png)](https://towardsdatascience.com/sql-window-function-demonstrated-with-real-interview-questions-from-leetcode-e83e28edaabc/)\n## [SQL Window Function - Demonstrated with Real Interview Questions from Leetcode](https://towardsdatascience.com/sql-window-function-demonstrated-with-real-interview-questions-from-leetcode-e83e28edaabc/)\n[Programming](https://towardsdatascience.com/category/programming/)\nThe window function is a must know in SQL interviews now, though it has just been available on, for example, MySQL 8.0 since its release on\n[Sherwin Zheng](https://towardsdatascience.com/author/zsw440105/)\nSeptember 25, 20206 min read\n * [![](../images/010.jpg)](https://towardsdatascience.com/from-data-analyst-to-data-engineer-my-12-month-self-study-roadmap/)\n## [From Data Analyst to Data Engineer: My 12-Month Self-Study Roadmap](https://towardsdatascience.com/from-data-analyst-to-data-engineer-my-12-month-self-study-roadmap/)\n[Data Engineering](https://towardsdatascience.com/category/data-science/data-engineering/)\nThe exact tools I'm learning, the projects I'm building, and the mistakes I'm already expecting to make\n[Ibrahim Salami](https://towardsdatascience.com/author/ibrahim.salami/)\nMay 16, 20269 min read\n * [![](../images/011.jpg)](https://towardsdatascience.com/5-simple-tips-to-improve-your-kaggle-models-159c00523418/)\n## [5 Simple Tips To Improve Your Kaggle Models](https://towardsdatascience.com/5-simple-tips-to-improve-your-kaggle-models-159c00523418/)\n[Machine Learning](https://towardsdatascience.com/category/artificial-intelligence/machine-learning/)\nHow To Get High Performing Models In Competitions\n[Louise Ferbach](https://towardsdatascience.com/author/lsferbach/)\nOctober 2, 20207 min read\n * [![](../images/012.jpeg)](https://towardsdatascience.com/working-with-unbalanced-dataset-8405465630d7/)\n## [Working with Unbalanced Dataset](https://towardsdatascience.com/working-with-unbalanced-dataset-8405465630d7/)\n[Machine Learning](https://towardsdatascience.com/category/artificial-intelligence/machine-learning/)\nIntroduction of SMOTE\n[Jeremy Zhang](https://towardsdatascience.com/author/meatba11/)\nFebruary 8, 20203 min read\n * [![](../images/013.jpeg)](https://towardsdatascience.com/cosine-similarity-intuition-with-implementation-in-python-51eade2674f6/)\n## [Cosine Similarity Intuition With Implementation in Python](https://towardsdatascience.com/cosine-similarity-intuition-with-implementation-in-python-51eade2674f6/)\n[Artificial Intelligence](https://towardsdatascience.com/category/artificial-intelligence/)\nIncluding hands-on calculations using the cosine similarity formula\n[Vinicius Monteiro](https://towardsdatascience.com/author/vinimo/)\nOctober 13, 20214 min read\n * [![](../images/014.jpeg)](https://towardsdatascience.com/daily-to-weekly-pandas-c0557b12f052/)\n## [Converting Daily Data to Weekly in Pandas.](https://towardsdatascience.com/daily-to-weekly-pandas-c0557b12f052/)\n[Data Science](https://towardsdatascience.com/category/data-science/)\nHands-on tutorial for converting daily data to weekly\n[Diana Rozenshteyn](https://towardsdatascience.com/author/dianarozenshteyn/)\nMarch 12, 20217 min read\n * [![](../images/015.jpeg)](https://towardsdatascience.com/overfitting-and-underfitting-principles-ea8964d9c45c/)\n## [Overfitting and Underfitting Principles](https://towardsdatascience.com/overfitting-and-underfitting-principles-ea8964d9c45c/)\n[Machine Learning](https://towardsdatascience.com/category/artificial-intelligence/machine-learning/)\nUnderstand basic principles of underfitting and overfitting and why you should use particular techniques to deal with them\n[Dmytro Nikolaiev (Dimid)](https://towardsdatascience.com/author/andimid/)\nNovember 2, 202110 min read\n\n\n * [YouTube](https://www.youtube.com/c/TowardsDataScience)\n * [X](https://x.com/TDataScience)\n * [LinkedIn](https://www.linkedin.com/company/towards-data-science/)\n * [Threads](https://www.threads.net/@towardsdatascience)\n * [Bluesky](https://bsky.app/profile/towardsdatascience.com)\n\n\n[](https://towardsdatascience.com/)\nYour home for data science and AI. The world's leading publication for data science, data analytics, data engineering, machine learning, and artificial intelligence professionals.\nSubscribe to Our Newsletter[Write For TDS](https://towardsdatascience.com/submissions/)•[About](https://towardsdatascience.com/about-towards-data-science-d691af11cc2f/)•[Advertise](https://contact.towardsdatascience.com/advertise-with-towards-data-science)•[Privacy Policy](https://towardsdatascience.com/privacy-policy/)•[Terms of Use](https://towardsdatascience.com/website-terms-of-use/)\n© Insight Media Group, LLC 2026•[The New Stack](https://thenewstack.io)•[roadmap.sh](https://roadmap.sh)•[Creator Network](https://insightmediagroup.io/creator-network)\n#### Recommended Articles \nClose\n * [ ![](https://h030.towardsdatascience.com/rest/v2/contentStores/d7d3a4ab-7caf-4383-bbd2-fbf7fb4f1787/items/607639/image?etag=1781250125848&width=500&height=500) Javascript Fatigue: HTMX Is All You Need to Build ChatGPT — Part 1 ](https://towardsdatascience.com/javascript-fatigue-you-dont-need-js-to-build-chatgpt/ \"Javascript Fatigue: HTMX Is All You Need to Build ChatGPT — Part 1\")\n * [ ![](https://h030.towardsdatascience.com/rest/v2/contentStores/d7d3a4ab-7caf-4383-bbd2-fbf7fb4f1787/items/607930/image?etag=1782124566054&width=500&height=500) The Subset Sum Problem Solved in Linear Time for Dense Enough Inputs ](https://towardsdatascience.com/subset-sum-problem-solved-in-linear-time-for-dense-enough-inputs/ \"The Subset Sum Problem Solved in Linear Time for Dense Enough Inputs\")\n * [ ![](https://h030.towardsdatascience.com/rest/v2/contentStores/d7d3a4ab-7caf-4383-bbd2-fbf7fb4f1787/items/3660/image?etag=1780176246070&width=500&height=500) Does Your Company Have a Data Strategy? ](https://towardsdatascience.com/does-your-company-have-a-data-strategy-e8944dbec4ae/ \"Does Your Company Have a Data Strategy?\")\n * [ ![](https://h030.towardsdatascience.com/rest/v2/contentStores/d7d3a4ab-7caf-4383-bbd2-fbf7fb4f1787/items/4970/image?etag=1780565225463&width=500&height=500) Productivity Tips, Data Career Insights, and Other Recent Must-Reads ](https://towardsdatascience.com/productivity-tips-data-career-insights-and-other-recent-must-reads-5c47eb7a2fe0/ \"Productivity Tips, Data Career Insights, and Other Recent Must-Reads\")\n\n\n", "metadata": { "title": "Building NLP Web Apps With Gradio And Hugging Face Transformers | Towards Data Science", "description": "A web app is essential for demonstrating your NLP/ML solution to colleagues and clients. But building and deploying one can be a nightmare...", "keywords": null, "author": "Chua Chin Hon", "og:locale": "en_US", "og:type": "article", "og:title": "Building NLP Web Apps With Gradio And Hugging Face Transformers", "og:description": "A web app is essential for demonstrating your NLP/ML solution to colleagues and clients. But building and deploying one can be a nightmare...", "og:url": "https://towardsdatascience.com/building-nlp-web-apps-with-gradio-and-hugging-face-transformers-59ce8ab4a319/", "og:site_name": "Towards Data Science", "og:image": "https://assets.insightmediagroup.io/media/wp-content/uploads/2021/08/1DHsXieocan8E6ntk-8O8WQ.gif", "og:image:width": "1000", "og:image:height": "425", "og:image:type": "image/gif", "twitter:card": "summary_large_image", "twitter:site": "@TDataScience", "twitter:creator": "@TDataScience", "twitter:label1": "Written by", "twitter:data1": "Chua Chin Hon", "twitter:label2": "Est. reading time", "twitter:data2": "7 min read", "article:published_time": "2021-08-11T08:56:57.000Z", "article:modified_time": "2021-08-11T08:56:57.000Z", "article:author": "https://towardsdatascience.com/author/chuachinhon/" }, "paywall": { "listed_paid": false, "detected": false, "marker": "", "public_only": false, "policy": "付费/会员内容只保留页面公开可见部分，不绕过付费墙" }, "crawl": { "success": true, "status_code": 202, "error": "" }, "code_blocks": [], "images": [ { "status": "http_404", "url": "https://h030.towardsdatascience.com/rest/v2/contentStores/d7d3a4ab-7caf-4383-bbd2-fbf7fb4f1787/items/607639/image?etag=1781250125848&width=500&height=500", "src": "https://h030.towardsdatascience.com/rest/v2/contentStores/d7d3a4ab-7caf-4383-bbd2-fbf7fb4f1787/items/607639/image?etag=1781250125848&width=500&height=500", "alt": "", "downloaded": false, "discovery": "saved_markdown", "retried_at": "2026-10-20T17:49:33Z" }, { "status": "http_404", "url": "https://h030.towardsdatascience.com/rest/v2/contentStores/d7d3a4ab-7caf-4383-bbd2-fbf7fb4f1787/items/607930/image?etag=1782124566054&width=500&height=500", "src": "https://h030.towardsdatascience.com/rest/v2/contentStores/d7d3a4ab-7caf-4383-bbd2-fbf7fb4f1787/items/607930/image?etag=1782124566054&width=500&height=500", "alt": "", "downloaded": false, "discovery": "saved_markdown", "retried_at": "2026-10-20T17:49:33Z" }, { "status": "http_404", "url": "https://h030.towardsdatascience.com/rest/v2/contentStores/d7d3a4ab-7caf-4383-bbd2-fbf7fb4f1787/items/3660/image?etag=1780176246070&width=500&height=500", "src": "https://h030.towardsdatascience.com/rest/v2/contentStores/d7d3a4ab-7caf-4383-bbd2-fbf7fb4f1787/items/3660/image?etag=1780176246070&width=500&height=500", "alt": "", "downloaded": false, "discovery": "saved_markdown", "retried_at": "2026-10-20T17:49:33Z" }, { "status": "http_404", "url": "https://h030.towardsdatascience.com/rest/v2/contentStores/d7d3a4ab-7caf-4383-bbd2-fbf7fb4f1787/items/4970/image?etag=1780565225463&width=500&height=500", "src": "https://h030.towardsdatascience.com/rest/v2/contentStores/d7d3a4ab-7caf-4383-bbd2-fbf7fb4f1787/items/4970/image?etag=1780565225463&width=500&height=500", "alt": "", "downloaded": false, "discovery": "saved_markdown", "retried_at": "2026-10-20T17:49:33Z" } ], "audio": [], "videos": [ { "url": "https://www.youtube.com/c/TowardsDataScience", "kind": "channel_reference", "status": "reference_only" } ], "links": [ { "type": "internal", "href": "https://towardsdatascience.com/" }, { "type": "internal", "href": "https://towardsdatascience.com/latest/" }, { "type": "internal", "href": "https://towardsdatascience.com/tag/editors-pick/" }, { "type": "internal", "href": "https://towardsdatascience.com/tag/the-variable/" }, { "type": "internal", "href": "https://towardsdatascience.com/shipai/" }, { "type": "internal", "href": "https://towardsdatascience.com/submissions/" }, { "type": "internal", "href": "https://towardsdatascience.com/category/data-science/" }, { "type": "internal", "href": "https://towardsdatascience.com/author/chuachinhon/" }, { "type": "internal", "href": "https://towardsdatascience.com/tag/ai/" }, { "type": "internal", "href": "https://towardsdatascience.com/tag/data-science/" }, { "type": "internal", "href": "https://towardsdatascience.com/tag/gradio/" }, { "type": "internal", "href": "https://towardsdatascience.com/tag/machine-learning/" }, { "type": "internal", "href": "https://towardsdatascience.com/tag/python/" }, { "type": "internal", "href": "https://towardsdatascience.com/the-importance-of-kiss-ing-and-testing-when-mixing-programming-languages-and-in-general-3c20ead71d9f/" }, { "type": "internal", "href": "https://towardsdatascience.com/category/artificial-intelligence/machine-learning/" }, { "type": "internal", "href": "https://towardsdatascience.com/author/ernchow/" }, { "type": "internal", "href": "https://towardsdatascience.com/how-to-find-weaknesses-in-your-machine-learning-models-3bcce3c7d71e/" }, { "type": "internal", "href": "https://towardsdatascience.com/category/artificial-intelligence/deep-learning/" }, { "type": "internal", "href": "https://towardsdatascience.com/author/michaelberk/" }, { "type": "internal", "href": "https://towardsdatascience.com/sql-window-function-demonstrated-with-real-interview-questions-from-leetcode-e83e28edaabc/" }, { "type": "external", "href": "https://write.insightmediagroup.io" }, { "type": "external", "href": "https://www.linkedin.com/company/towards-data-science/" }, { "type": "external", "href": "https://x.com/TDataScience" }, { "type": "external", "href": "https://roadmap.sh/ai-data-scientist" }, { "type": "external", "href": "https://roadmap.sh/machine-learning" }, { "type": "external", "href": "https://gradio.app/blog/using-huggingface-models" }, { "type": "external", "href": "https://streamlit.io/" }, { "type": "external", "href": "https://plotly.com/" }, { "type": "external", "href": "https://github.com/chuachinhon/gradio_nlp" }, { "type": "external", "href": "https://github.com/chuachinhon/gradio_nlp/tree/main/notebooks" }, { "type": "external", "href": "https://github.com/chuachinhon/gradio_nlp/tree/main/data" }, { "type": "external", "href": "https://github.com/chuachinhon/gradio_nlp/tree/main/models" }, { "type": "external", "href": "https://huggingface.co/inference-api" }, { "type": "external", "href": "https://github.com/chuachinhon/gradio_nlp/blob/main/notebooks/1.0_gradio_sentiment.ipynb" }, { "type": "external", "href": "https://huggingface.co/transformers/main_classes/pipelines.html" }, { "type": "external", "href": "https://github.com/chuachinhon/gradio_nlp/blob/main/notebooks/1.1_gradio_logreg.ipynb" }, { "type": "external", "href": "https://github.com/chuachinhon/transformers_state_trolls_cch/blob/master/notebooks/3.0_compare_logreg_cch.ipynb" }, { "type": "external", "href": "https://huggingface.co/models?pipeline_tag=summarization" }, { "type": "external", "href": "https://github.com/chuachinhon/gradio_nlp/blob/main/notebooks/2.0_gradio_parallel_summaries.ipynb" }, { "type": "external", "href": "https://github.com/chuachinhon/gradio_nlp/blob/main/notebooks/3.0_gradio_series.ipynb" } ], "repair_version": 2, "repaired_at": "2026-10-20T17:27:02Z", "source_url": "https://towardsdatascience.com/building-nlp-web-apps-with-gradio-and-hugging-face-transformers-59ce8ab4a319/", "delivery_status": "unverified", "discovery_status": "http_403", "missing_reason": "源页面未重新核验:http_403；已按保留正文补采图片", "repair_error": "", "actual_video_files": [], "expected_saved_body_images": 4, "image_discovery": "saved_markdown", "source_body_markdown": "![Revisit consent button](https://cdn-cookieyes.com/assets/images/revisit.svg)\nWe value your privacy\nWe use cookies to enhance your browsing experience, serve personalised ads or content, and analyse our traffic. By clicking \"Accept All\", you consent to our use of cookies.\nCustomise Reject All Accept All\nCustomise Consent Preferences ![](https://cdn-cookieyes.com/assets/images/close.svg)\nWe use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.\nThe cookies that are categorised as \"Necessary\" are stored on your browser as they are essential for enabling the basic functionalities of the site. ... Show more\nNecessaryAlways Active\nNecessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.\n * Cookie\nBCTempID\n * Duration\n10 minutes\n * Description\nNo description available.\n\n\n * Cookie\n__cf_bm\n * Duration\n1 hour\n * Description\nThis cookie, set by Cloudflare, is used to support Cloudflare Bot Management. \n\n\n * Cookie\nAWSALBCORS\n * Duration\n7 days\n * Description\nAmazon Web Services set this cookie for load balancing.\n\n\n * Cookie\n_cfuvid\n * Duration\nsession\n * Description\nCloudflare sets this cookie to track users across sessions to optimize user experience by maintaining session consistency and providing personalized services\n\n\n * Cookie\nli_gc\n * Duration\n6 months\n * Description\nLinkedin set this cookie for storing visitor's consent regarding using cookies for non-essential purposes.\n\n\n * Cookie\n__hssrc\n * Duration\nsession\n * Description\nThis cookie is set by Hubspot whenever it changes the session cookie. The __hssrc cookie set to 1 indicates that the user has restarted the browser, and if the cookie does not exist, it is assumed to be a new session.\n\n\n * Cookie\n__hssc\n * Duration\n1 hour\n * Description\nHubSpot sets this cookie to keep track of sessions and to determine if HubSpot should increment the session number and timestamps in the __hstc cookie.\n\n\n * Cookie\nwpEmojiSettingsSupports\n * Duration\nsession\n * Description\nWordPress sets this cookie when a user interacts with emojis on a WordPress site. It helps determine if the user's browser can display emojis properly.\n\n\n * Cookie\nBCSessionID\n * Duration\n1 year 1 month 4 days\n * Description\nBlueconic sets this cookie as a unique identifier for the BlueConic profile.\n\n\n * Cookie\n_octo\n * Duration\n1 year\n * Description\nNo description available.\n\n\n * Cookie\nlogged_in\n * Duration\n1 year\n * Description\nNo description available.\n\n\n * Cookie\n__Secure-YEC\n * Duration\npast\n * Description\nYouTube sets this cookie to stores the user's video player preferences using embedded YouTube video\n\n\n * Cookie\n__eoi\n * Duration\n6 months\n * Description\nDescription is currently not available.\n\n\n * Cookie\nAWSALBTGCORS\n * Duration\n7 days\n * Description\nNo description available.\n\n\n * Cookie\nlogin-status-p\n * Duration\npast\n * Description\nDescription is currently not available.\n\n\n * Cookie\nAWSALBTG\n * Duration\n7 days\n * Description\nNo description available.\n\n\n * Cookie\ncsrf_token\n * Duration\nsession\n * Description\nNo description available.\n\n\n * Cookie\ntoken_v2\n * Duration\n1 day\n * Description\nDescription is currently not available.\n\n\n * Cookie\nD\n * Duration\n1 year\n * Description\nDescription is currently not available.\n\n\n * Cookie\nPHPSESSID\n * Duration\nsession\n * Description\nThis cookie is native to PHP applications. The cookie stores and identifies a user's unique session ID to manage user sessions on the website. The cookie is a session cookie and will be deleted when all the browser windows are closed.\n\n\n * Cookie\nVISITOR_PRIVACY_METADATA\n * Duration\n6 months\n * Description\nYouTube sets this cookie to store the user's cookie consent state for the current domain. \n\n\n * Cookie\ncookietest\n * Duration\nsession\n * Description\nThe cookietest cookie is typically used to determine whether the user's browser accepts cookies, essential for website functionality and user experience.\n\n\n * Cookie\n__Host-airtable-session\n * Duration\n1 year\n * Description\nThis cookie is used to enable us to integrate the services of Airtable.\n\n\n * Cookie\n__Host-airtable-session.sig\n * Duration\n1 year\n * Description\nThis cookie is used to enable us to integrate the services of Airtable.\n\n\n * Cookie\nm\n * Duration\n1 year 1 month 4 days\n * Description\nStripe sets this cookie for fraud prevention purposes. It identifies the device used to access the website, allowing the website to be formatted accordingly.\n\n\n * Cookie\nBIGipServer*\n * Duration\nsession\n * Description\nMarketo sets this cookie to collect information about the user's online activity and build a profile about their interests to provide advertisements relevant to the user. \n\n\n * Cookie\n__cfruid\n * Duration\nsession\n * Description\nCloudflare sets this cookie to identify trusted web traffic.\n\n\n * Cookie\n_GRECAPTCHA\n * Duration\n6 months\n * Description\nGoogle Recaptcha service sets this cookie to identify bots to protect the website against malicious spam attacks.\n\n\n * Cookie\n__Secure-YNID\n * Duration\n6 months\n * Description\nGoogle cookie used to protect user security and prevent fraud, especially during the login process.\n\n\n * Cookie\ncookieyes-consent\n * Duration\n1 year\n * Description\nCookieYes sets this cookie to remember users' consent preferences so that their preferences are respected on subsequent visits to this site. It does not collect or store any personal information about the site visitors.\n\n\nFunctional\nFunctional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.\n * Cookie\nlidc\n * Duration\n1 day\n * Description\nLinkedIn sets the lidc cookie to facilitate data center selection.\n\n\n * Cookie\nbrw\n * Duration\n1 year\n * Description\nNo description available.\n\n\n * Cookie\nbrwConsent\n * Duration\n5 minutes\n * Description\nDescription is currently not available.\n\n\n * Cookie\nWMF-Uniq\n * Duration\n1 year\n * Description\nDescription is currently not available.\n\n\n * Cookie\nloom_anon_comment\n * Duration\n1 year\n * Description\nNo description available.\n\n\n * Cookie\nloom_referral_video\n * Duration\nsession\n * Description\nDescription is currently not available.\n\n\n * Cookie\nVISITOR_INFO1_LIVE\n * Duration\n6 months\n * Description\nA cookie set by YouTube to measure bandwidth that determines whether the user gets the new or old player interface.\n\n\n * Cookie\nyt-remote-connected-devices\n * Duration\nNever Expires\n * Description\nYouTube sets this cookie to store the user's video preferences using embedded YouTube videos.\n\n\n * Cookie\nytidb::LAST_RESULT_ENTRY_KEY\n * Duration\nNever Expires\n * Description\nThe cookie ytidb::LAST_RESULT_ENTRY_KEY is used by YouTube to store the last search result entry that was clicked by the user. This information is used to improve the user experience by providing more relevant search results in the future.\n\n\n * Cookie\nyt-remote-device-id\n * Duration\nNever Expires\n * Description\nYouTube sets this cookie to store the user's video preferences using embedded YouTube videos.\n\n\n * Cookie\nyt-remote-session-name\n * Duration\nsession\n * Description\nThe yt-remote-session-name cookie is used by YouTube to store the user's video player preferences using embedded YouTube video.\n\n\n * Cookie\nyt-remote-fast-check-period\n * Duration\nsession\n * Description\nThe yt-remote-fast-check-period cookie is used by YouTube to store the user's video player preferences for embedded YouTube videos.\n\n\n * Cookie\nyt-remote-session-app\n * Duration\nsession\n * Description\nThe yt-remote-session-app cookie is used by YouTube to store user preferences and information about the interface of the embedded YouTube video player.\n\n\n * Cookie\nyt-remote-cast-available\n * Duration\nsession\n * Description\nThe yt-remote-cast-available cookie is used to store the user's preferences regarding whether casting is available on their YouTube video player.\n\n\n * Cookie\nyt-remote-cast-installed\n * Duration\nsession\n * Description\nThe yt-remote-cast-installed cookie is used to store the user's video player preferences using embedded YouTube video.\n\n\n * Cookie\ncp_session\n * Duration\n3 months\n * Description\nCodepen sets this cookie for Help systems found in the website.\n\n\n * Cookie\nloid\n * Duration\n1 year 1 month 4 days\n * Description\nThis cookie is set by the Reddit. The cookie enables the sharing of content from the website onto the social media platform.\n\n\nAnalytics\nAnalytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.\n * Cookie\n__hstc\n * Duration\n6 months\n * Description\nHubspot set this main cookie for tracking visitors. It contains the domain, initial timestamp (first visit), last timestamp (last visit), current timestamp (this visit), and session number (increments for each subsequent session).\n\n\n * Cookie\nhubspotutk\n * Duration\n6 months\n * Description\nHubSpot sets this cookie to keep track of the visitors to the website. This cookie is passed to HubSpot on form submission and used when deduplicating contacts.\n\n\n * Cookie\n_ga\n * Duration\n1 year 1 month 4 days\n * Description\nGoogle Analytics sets this cookie to calculate visitor, session and campaign data and track site usage for the site's analytics report. The cookie stores information anonymously and assigns a randomly generated number to recognise unique visitors.\n\n\n * Cookie\n_ga_*\n * Duration\n1 year 1 month 4 days\n * Description\nGoogle Analytics sets this cookie to store and count page views.\n\n\n * Cookie\n__Host-psifi.analyticsTrace\n * Duration\n6 hours\n * Description\nDescription is currently not available.\n\n\n * Cookie\n__Host-psifi.analyticsTraceV2\n * Duration\n6 hours\n * Description\nDescription is currently not available.\n\n\n * Cookie\n_gh_sess\n * Duration\nsession\n * Description\nGitHub sets this cookie for temporary application and framework state between pages like what step the user is on in a multiple step form.\n\n\n * Cookie\nYSC\n * Duration\nsession\n * Description\nYSC cookie is set by Youtube and is used to track the views of embedded videos on Youtube pages.\n\n\n * Cookie\najs_anonymous_id\n * Duration\n1 year\n * Description\nThis cookie is set by Segment to count the number of people who visit a certain site by tracking if they have visited before.\n\n\n * Cookie\nvuid\n * Duration\n1 year 1 month 4 days\n * Description\nVimeo installs this cookie to collect tracking information by setting a unique ID to embed videos on the website. \n\n\nPerformance\nPerformance cookies are used to understand and analyse the key performance indexes of the website which helps in delivering a better user experience for the visitors.\n * Cookie\nAWSALB\n * Duration\n7 days\n * Description\nAWSALB is an application load balancer cookie set by Amazon Web Services to map the session to the target.\n\n\n * Cookie\nacq\n * Duration\npast\n * Description\nDescription is currently not available.\n\n\n * Cookie\nacq.sig\n * Duration\npast\n * Description\nDescription is currently not available.\n\n\n * Cookie\nptc\n * Duration\n2 years\n * Description\nNo description available.\n\n\nAdvertisement\nAdvertisement cookies are used to provide visitors with customised advertisements based on the pages you visited previously and to analyse the effectiveness of the ad campaigns.\n * Cookie\nmuc_ads\n * Duration\n1 year 1 month 4 days\n * Description\nTwitter sets this cookie to collect user behaviour and interaction data to optimize the website.\n\n\n * Cookie\nguest_id_marketing\n * Duration\n1 year 1 month 4 days\n * Description\nTwitter sets this cookie to identify and track the website visitor.\n\n\n * Cookie\nguest_id_ads\n * Duration\n1 year 1 month 4 days\n * Description\nTwitter sets this cookie to identify and track the website visitor.\n\n\n * Cookie\npersonalization_id\n * Duration\n1 year 1 month 4 days\n * Description\nTwitter sets this cookie to integrate and share features for social media and also store information about how the user uses the website, for tracking and targeting.\n\n\n * Cookie\nguest_id\n * Duration\n1 year 1 month 4 days\n * Description\nTwitter sets this cookie to identify and track the website visitor. It registers if a user is signed in to the Twitter platform and collects information about ad preferences.\n\n\n * Cookie\nbcookie\n * Duration\n1 year\n * Description\nLinkedIn sets this cookie from LinkedIn share buttons and ad tags to recognize browser IDs.\n\n\n * Cookie\n__Secure-ROLLOUT_TOKEN\n * Duration\n6 months\n * Description\nYouTube sets this cookie to manage feature rollout and experimentation. It helps Google control which new features or interface changes are shown to users as part of testing and staged rollouts, ensuring consistent experience for a given user during an experiment.\n\n\n * Cookie\nyt.innertube::nextId\n * Duration\nNever Expires\n * Description\nYouTube sets this cookie to register a unique ID to store data on what videos from YouTube the user has seen.\n\n\n * Cookie\nyt.innertube::requests\n * Duration\nNever Expires\n * Description\nYouTube sets this cookie to register a unique ID to store data on what videos from YouTube the user has seen.\n\n\n * Cookie\nsession_tracker\n * Duration\nsession\n * Description\nThis cookie is set by the Reddit. This cookie is used to identify trusted web traffic. It also helps in adverstising on the website.\n\n\n * Cookie\nedgebucket\n * Duration\nsession\n * Description\nReddit sets this cookie to save the information about a log-on Reddit user, for the purpose of advertisement recommendations and updating the content.\n\n\n * Cookie\ndid\n * Duration\n1 year\n * Description\nArbor sets this cookie to show targeted ads to site visitors.This cookie expires after 2 months or 1 year.\n\n\nUncategorised\nOther uncategorised cookies are those that are being analysed and have not been classified into a category as yet.\nNo cookies to display.\nReject All Save My Preferences Accept All\nToggle Search[](https://towardsdatascience.com/)Toggle Mobile Navigation\n[](https://towardsdatascience.com/)\nPublish AI, ML & data-science insights to a global community of data professionals.\nSign in[Submit an Article](https://write.insightmediagroup.io)\n[Latest](https://towardsdatascience.com/latest/)[Editor's Picks](https://towardsdatascience.com/tag/editors-pick/)[Newsletter](https://towardsdatascience.com/tag/the-variable/)[ShipAI](https://towardsdatascience.com/shipai/)\n* * *\n[Write For TDS](https://towardsdatascience.com/submissions/)\n[LinkedIn](https://www.linkedin.com/company/towards-data-science/)[X](https://x.com/TDataScience)Toggle Search\n[Data Science](https://towardsdatascience.com/category/data-science/)\n# Building NLP Web Apps With Gradio And Hugging Face Transformers\nA web app is essential for demonstrating your NLP/ML solution to colleagues and clients. But building and deploying one can be a nightmare...\n[Chua Chin Hon](https://towardsdatascience.com/author/chuachinhon/)\nAugust 11, 20217 min read\n### A web app is essential for demonstrating your NLP/ML solution to colleagues and clients. But building and deploying one can be a nightmare at times. Enter Gradio.\n![Gif of sentiment analysis web app by Chua Chin Hon.](https://assets.insightmediagroup.io/media/wp-content/uploads/2021/08/1DHsXieocan8E6ntk-8O8WQ.gif)\nGif of sentiment analysis web app by Chua Chin Hon.\nWeb app design and deployment arguably rank among the most neglected skills for data scientists and analysts. Yet, these skills are essential if you need to demonstrate your NLP or machine learning solution to colleagues or clients.\nWhile a good presentation goes a long way, nothing quite beats having a prototype where non-technical users can test the proposed solution for themselves. And if you've tried deploying an ML web app in recent years, you'd know that most hosting services don't make it easy for those with limited front-end development experience.\nEnter Gradio, a relatively new library that makes the creation and sharing of ML and NLP web apps a breeze, by comparison. With a few lines of code, you can house your model in a number of standard templates that take the hassle out of having to create separate HTML templates and figuring out the UI, color and size of the buttons etc.\nLearn this step by step with the interactive [AI and Data Scientist](https://roadmap.sh/ai-data-scientist) and [Machine Learning](https://roadmap.sh/machine-learning) roadmaps.\nTo be sure, the Gradio templates are pretty minimalist. But frankly that's all you need in the early stages of testing and development, when the goal is simply to _test fast and iterate fast_. Gradio's [close integration with Hugging Face's](https://gradio.app/blog/using-huggingface-models) _transformers_ library and model hub makes it an even more powerful tool.\nGradio is not the only library you can use for rapid web app development, of course. [Streamlit](https://streamlit.io/) and [Plotly](https://plotly.com/) are two other prominent names in this space, each with their own strengths. But I'd say Gradio is the most user-friendly by far, and a game changer for early phase NLP/ML solutions development.\nOver several Jupyter notebooks, I'll share examples of how I've used Gradio to build standalone and \"chain-linked\" NLP apps that combine different functionalities and transformer models.\n* * *\n## REPO, FILES, AND PROJECT SCOPE\nMy [repo for this project](https://github.com/chuachinhon/gradio_nlp) contains all the files needed to run the examples in this post: [5 Jupyter notebooks](https://github.com/chuachinhon/gradio_nlp/tree/main/notebooks), [2 audio files](https://github.com/chuachinhon/gradio_nlp/tree/main/data) and a pickled [Logistic Regression model](https://github.com/chuachinhon/gradio_nlp/tree/main/models) (to demonstrate Gradio's usage beyond transformer models).\nThe demos here are geared more towards newcomers, as well as those in the early explorative phase of their NLP/ML projects. Gradio offers options for hosting and private deployment, but that's well outside the scope of this post.\nIt takes just a few lines of code to get a Gradio app up and running, on top of what you need to do to define your NLP/ML model's input and output. The process is even simpler if you use Hugging Face's public [Inference API](https://huggingface.co/inference-api). But I won't take that approach in my examples as I find that Hugging Face's public/free Inference API is relatively slow, and your app could crash if you try to load too many transformer models in one go.\nAs such, I coded my demos to run off a local machine. To share the app publicly, you just need to change one parameter in the Gradio interface.\n* * *\n## 1. STANDALONE SENTIMENT ANALYSIS APP\n![](https://assets.insightmediagroup.io/media/wp-content/uploads/2021/08/1DHsXieocan8E6ntk-8O8WQ.gif)\nLet's start with one of the simplest examples possible - building a [web app for sentiment analysis](https://github.com/chuachinhon/gradio_nlp/blob/main/notebooks/1.0_gradio_sentiment.ipynb) using Hugging Face's [pipeline API](https://huggingface.co/transformers/main_classes/pipelines.html). The default Distilbert model in the sentiment analysis pipeline returns two values - a label (positive or negative) and a score (float).\nGradio takes the pain out of having to design the web app from scratch and fiddling with issues like how to label the two outputs correctly. The screen-grab below shows how you can easily adjust the look of the app with a few parameter changes in Gradio:\n![Screen-capture: Chua Chin Hon](https://assets.insightmediagroup.io/media/wp-content/uploads/2021/08/1u1-hrd9fHkIOuDVS2eb8hQ.png)\nScreen-capture: Chua Chin Hon\nAnd thanks to the close integration between the Gradio and _transformers_ libraries, it won't take more than a few minutes to tweak the code in [notebook1.0](https://github.com/chuachinhon/gradio_nlp/blob/main/notebooks/1.0_gradio_sentiment.ipynb) to turn the sentiment analysis web app into one for translation, summarization, or zero-shot classification.\n## 2. STANDALONE TROLL TWEET DETECTOR APP\nGradio works just as well with pickled models via standard machine learning libraries like Scikit-learn. In [notebook1.](https://github.com/chuachinhon/gradio_nlp/blob/main/notebooks/1.1_gradio_logreg.ipynb)1, I loaded a pickled Logistic Regression classifier for trolls tweets that I had built in a [previous project](https://github.com/chuachinhon/transformers_state_trolls_cch/blob/master/notebooks/3.0_compare_logreg_cch.ipynb), and the Gradio app was up and running in no time:\n![Screen-capture: Chua Chin Hon](https://assets.insightmediagroup.io/media/wp-content/uploads/2021/08/17nPox8VyxnmcBNTRG3Pcvg.png)\nScreen-capture: Chua Chin Hon\nThe Gradio template is barebones, no doubt. But that's all I need at the early stage to see if the model is working as intended, and if the solution is clear to a non-technical audience.\n## 3. GRADIO IN \"PARALLEL\" - COMPARING 2 SUMMARY MODELS\nOf late, it's become practically impossible to keep up with the number of new transformer models available for various NLP tasks. If you are working on a text summarization project, for instance, how do you demonstrate which of the [248 models available on Hugging Face's model hub](https://huggingface.co/models?pipeline_tag=summarization) work better for your use case? Or how would you demonstrate that your own fine-tuned model performs better than another model out there?\nGradio provides a neat solution by allowing transformer models to be loaded in \"parallel\" within the same app. This way you can directly compare the different results from one input:\n![Screen-capture: Chua Chin Hon](https://assets.insightmediagroup.io/media/wp-content/uploads/2021/08/1YUBqz6xteSNKzS4UNMQglQ.png)\nScreen-capture: Chua Chin Hon\nIn [notebook2.0](https://github.com/chuachinhon/gradio_nlp/blob/main/notebooks/2.0_gradio_parallel_summaries.ipynb), I spun up a quick web app to compare the summarization capabilities of two different models: FB's Bart and Google's Pegasus. This is a great way to directly compare the results from multiple models without having to copy out the results from different apps, or switch screens back and forth between two models.\nThis is also a great way for comparing the performances of text-generation or translation models, where the results from different models can vary quite widely. Gradio doesn't say what's the maximum number of models you can load in parallel at one time, so apply some commonsensical limits as required.\n## 4. GRADIO IN \"SERIES\" - COMBINING 2 TRANSFORMER MODELS FOR TRANSLATION AND SUMMARIZATION\nAnother way to leverage the huge number of transformer models out there is by linking them up in \"series\" - ie, connecting models of different functionalities under one Gradio app.\n[Notebook3.0 ](https://github.com/chuachinhon/gradio_nlp/blob/main/notebooks/3.0_gradio_series.ipynb)demonstrates how you can build a translator-summarizer that takes in Chinese text and produces a summary of the English translation:\n![Screen-capture: Chua Chin Hon](https://assets.insightmediagroup.io/media/wp-content/uploads/2021/08/1yw8KlonkN9GlwLwWSh0TgA.png)\nScreen-capture: Chua Chin Hon\nThe end-result, as the screen-grab above shows, is less than impressive. It is a good reminder of the importance of restraint in these NLP/ML projects - just because something is technically feasible doesn't mean the results will be any good.\nWhile the ability to chain-link multiple transformer models of different functionalities is a very welcomed one, it will take considerably more effort to figure out a combination that works and delivers good results.\n## 5. SPEECH-TO-TEXT \"MIXED MEDIA\" APP WITH AUDIO INPUT AND TEXT OUTPUT\nMy final example, in [notebook4.0](https://github.com/chuachinhon/gradio_nlp/blob/main/notebooks/4.0_gradio_audio_text.ipynb), demos a quick way to build a simple speech-to-text web app using [Hugging Face's implementation of Facebook's Wav2Vec2 model](https://huggingface.co/models?search=wav2vec2).\nWith the latest version of Gradio, you can easily configure mixed-media apps that take one particular format of inputs, say audio or video, and output them in another format, say, text or numbers. To keep the demo simple, I settled on a speech-to-text app that takes in audio clips and returns a text transcript:\n![Screen-capture: Chua Chin Hon](https://assets.insightmediagroup.io/media/wp-content/uploads/2021/08/18e6d27yEOvKZxRb_ECbtBA.png)\nScreen-capture: Chua Chin Hon\nIt would probably take a newcomer hours, if not days, to create a similar speech-to-text app using Flask and HTML templates, to say nothing of the additional hoops to jump through in deploying correctly to the hosting provider.\nWith Gradio, the challenge with this particular example lies predominantly in defining a function that would handle longer audio files without out-of-memory issues that would crash the local machine:\n![](https://assets.insightmediagroup.io/media/wp-content/uploads/2021/08/1UnBVaVCNDM3YoGOrInyhig.png)\nThe creation of the app interface practically takes just 1 line of code:\n![](https://assets.insightmediagroup.io/media/wp-content/uploads/2021/08/1fyxiG3iRWRk0247z1TNy8Q.png)\nI've included [two audio files in the repo](https://github.com/chuachinhon/gradio_nlp/tree/main/data) that you can try the speech-to-text app with - US President John F Kennedy's famous inauguration speech in 1961, and youth poet Amanda Gorman's poem at the inauguration of US President Joe Biden in 2021.\n* * *\n## END NOTES\nThe growing list of skills that data professionals need in order to be effective is frankly ridiculous. Few, if any, will ever have the time to learn to be as good at data-related coding and analysis skills, as well as front-end development.\nLibraries like Gradio help to \"compress\" that list of desired skills into something more manageable, by freeing up data scientists and analysts from having to spend hours tinkering with Flask and HTML for a simple demo.\nIn the long run, I think this helps promote greater transparency and accountability in machine learning, as data professionals no longer have any excuse to say that they can't quickly build apps to let others try out the proposed solutions.\nAnd as more people get to test such apps in the early stages, hopefully the biases and ethical issues buried deep in a particular solution's training data and design will be easier to spot.\n* * *\nAs always, if you spot mistakes in this or any of my earlier posts, ping me at:\n * Twitter: [Chua Chin Hon](https://medium.com/u/b3d8090c0aee?source=post_page-----aad7f2e1d0a0----------------------)\n * LinkedIn: [www.linkedin.com/in/chuachinhon](http://www.linkedin.com/in/chuachinhon)\n\n\n## Register Now to Continue Reading\n### Unlock Towards Data Science with a Free Account\nAll articles on Towards Data Science are available to registered users. Create a free account today to access this article and thousands more.\nRegister for freeSign in to your account\n* * *\n![](https://assets.insightmediagroup.io/media/1787657280763_838i2j.png)\nWritten By\n## [Chua Chin Hon](https://towardsdatascience.com/author/chuachinhon/)\n[See all from Chua Chin Hon](https://towardsdatascience.com/author/chuachinhon/)\n[AI](https://towardsdatascience.com/tag/ai/)[Data Science](https://towardsdatascience.com/tag/data-science/)[Gradio](https://towardsdatascience.com/tag/gradio/)[Machine Learning](https://towardsdatascience.com/tag/machine-learning/)[Python](https://towardsdatascience.com/tag/python/)\nShare This Article\n * [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftowardsdatascience.com%2Fbuilding-nlp-web-apps-with-gradio-and-hugging-face-transformers-59ce8ab4a319%2F&title=Building%20NLP%20Web%20Apps%20With%20Gradio%20And%20Hugging%20Face%20Transformers)\n * [](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Ftowardsdatascience.com%2Fbuilding-nlp-web-apps-with-gradio-and-hugging-face-transformers-59ce8ab4a319%2F&title=Building%20NLP%20Web%20Apps%20With%20Gradio%20And%20Hugging%20Face%20Transformers)\n * [](https://x.com/share?url=https%3A%2F%2Ftowardsdatascience.com%2Fbuilding-nlp-web-apps-with-gradio-and-hugging-face-transformers-59ce8ab4a319%2F&text=Building%20NLP%20Web%20Apps%20With%20Gradio%20And%20Hugging%20Face%20Transformers)\n\n\nTowards Data Science is a community publication. Submit your insights to reach our global audience and earn through the TDS Author Payment Program.\n[Write for TDS](https://towardsdatascience.com/submissions/)\n## Related Articles\n * [![](https://assets.insightmediagroup.io/media/wp-content/uploads/2022/03/0dqw9dhQcWWL_WEn5-scaled.jpg)](https://towardsdatascience.com/the-importance-of-kiss-ing-and-testing-when-mixing-programming-languages-and-in-general-3c20ead71d9f/)\n## [The Importance of KISS-ing and testing (when mixing programming languages...and in general)](https://towardsdatascience.com/the-importance-of-kiss-ing-and-testing-when-mixing-programming-languages-and-in-general-3c20ead71d9f/)\n[Machine Learning](https://towardsdatascience.com/category/artificial-intelligence/machine-learning/)\nSimple + Tested Code = Less Problems\n[Ern Chow](https://towardsdatascience.com/author/ernchow/)\nMarch 11, 20225 min read\n * [![](https://assets.insightmediagroup.io/media/wp-content/uploads/2022/01/1G6eH3fwxdpTxyubTBwgawQ.png)](https://towardsdatascience.com/how-to-find-weaknesses-in-your-machine-learning-models-3bcce3c7d71e/)\n## [How to Find Weaknesses in your Machine Learning Models](https://towardsdatascience.com/how-to-find-weaknesses-in-your-machine-learning-models-3bcce3c7d71e/)\n[Deep Learning](https://towardsdatascience.com/category/artificial-intelligence/deep-learning/)\nA possible implementation of IBM's FreaAI\n[Michael Berk](https://towardsdatascience.com/author/michaelberk/)\nJanuary 19, 20227 min read\n * [![](https://assets.insightmediagroup.io/media/wp-content/uploads/2020/09/1tnYxTRQVXh_xSuqlG3lcDQ.png)](https://towardsdatascience.com/sql-window-function-demonstrated-with-real-interview-questions-from-leetcode-e83e28edaabc/)\n## [SQL Window Function - Demonstrated with Real Interview Questions from Leetcode](https://towardsdatascience.com/sql-window-function-demonstrated-with-real-interview-questions-from-leetcode-e83e28edaabc/)\n[Programming](https://towardsdatascience.com/category/programming/)\nThe window function is a must know in SQL interviews now, though it has just been available on, for example, MySQL 8.0 since its release on\n[Sherwin Zheng](https://towardsdatascience.com/author/zsw440105/)\nSeptember 25, 20206 min read\n * [![](https://assets.insightmediagroup.io/media/wp-content/uploads/2026/05/data-engineer.jpg)](https://towardsdatascience.com/from-data-analyst-to-data-engineer-my-12-month-self-study-roadmap/)\n## [From Data Analyst to Data Engineer: My 12-Month Self-Study Roadmap](https://towardsdatascience.com/from-data-analyst-to-data-engineer-my-12-month-self-study-roadmap/)\n[Data Engineering](https://towardsdatascience.com/category/data-science/data-engineering/)\nThe exact tools I'm learning, the projects I'm building, and the mistakes I'm already expecting to make\n[Ibrahim Salami](https://towardsdatascience.com/author/ibrahim.salami/)\nMay 16, 20269 min read\n * [![](https://assets.insightmediagroup.io/media/wp-content/uploads/2020/10/0PSXv8cgYGdODj3ha-scaled.jpg)](https://towardsdatascience.com/5-simple-tips-to-improve-your-kaggle-models-159c00523418/)\n## [5 Simple Tips To Improve Your Kaggle Models](https://towardsdatascience.com/5-simple-tips-to-improve-your-kaggle-models-159c00523418/)\n[Machine Learning](https://towardsdatascience.com/category/artificial-intelligence/machine-learning/)\nHow To Get High Performing Models In Competitions\n[Louise Ferbach](https://towardsdatascience.com/author/lsferbach/)\nOctober 2, 20207 min read\n * [![](https://assets.insightmediagroup.io/media/wp-content/uploads/2020/02/1hBGFqMcg_VoViuuvgCIngw.jpeg)](https://towardsdatascience.com/working-with-unbalanced-dataset-8405465630d7/)\n## [Working with Unbalanced Dataset](https://towardsdatascience.com/working-with-unbalanced-dataset-8405465630d7/)\n[Machine Learning](https://towardsdatascience.com/category/artificial-intelligence/machine-learning/)\nIntroduction of SMOTE\n[Jeremy Zhang](https://towardsdatascience.com/author/meatba11/)\nFebruary 8, 20203 min read\n * [![](https://assets.insightmediagroup.io/media/wp-content/uploads/2021/10/1cdnVh1idXMFtaBIw9Q9wHw.jpeg)](https://towardsdatascience.com/cosine-similarity-intuition-with-implementation-in-python-51eade2674f6/)\n## [Cosine Similarity Intuition With Implementation in Python](https://towardsdatascience.com/cosine-similarity-intuition-with-implementation-in-python-51eade2674f6/)\n[Artificial Intelligence](https://towardsdatascience.com/category/artificial-intelligence/)\nIncluding hands-on calculations using the cosine similarity formula\n[Vinicius Monteiro](https://towardsdatascience.com/author/vinimo/)\nOctober 13, 20214 min read\n * [![](https://assets.insightmediagroup.io/media/wp-content/uploads/2021/03/1MzVVQPLTpPe0AEn2joso2A-scaled.jpeg)](https://towardsdatascience.com/daily-to-weekly-pandas-c0557b12f052/)\n## [Converting Daily Data to Weekly in Pandas.](https://towardsdatascience.com/daily-to-weekly-pandas-c0557b12f052/)\n[Data Science](https://towardsdatascience.com/category/data-science/)\nHands-on tutorial for converting daily data to weekly\n[Diana Rozenshteyn](https://towardsdatascience.com/author/dianarozenshteyn/)\nMarch 12, 20217 min read\n * [![](https://assets.insightmediagroup.io/media/wp-content/uploads/2021/11/1XObtOu0QzwYQLiU81IlBsQ.jpeg)](https://towardsdatascience.com/overfitting-and-underfitting-principles-ea8964d9c45c/)\n## [Overfitting and Underfitting Principles](https://towardsdatascience.com/overfitting-and-underfitting-principles-ea8964d9c45c/)\n[Machine Learning](https://towardsdatascience.com/category/artificial-intelligence/machine-learning/)\nUnderstand basic principles of underfitting and overfitting and why you should use particular techniques to deal with them\n[Dmytro Nikolaiev (Dimid)](https://towardsdatascience.com/author/andimid/)\nNovember 2, 202110 min read\n\n\n * [YouTube](https://www.youtube.com/c/TowardsDataScience)\n * [X](https://x.com/TDataScience)\n * [LinkedIn](https://www.linkedin.com/company/towards-data-science/)\n * [Threads](https://www.threads.net/@towardsdatascience)\n * [Bluesky](https://bsky.app/profile/towardsdatascience.com)\n\n\n[](https://towardsdatascience.com/)\nYour home for data science and AI. The world's leading publication for data science, data analytics, data engineering, machine learning, and artificial intelligence professionals.\nSubscribe to Our Newsletter[Write For TDS](https://towardsdatascience.com/submissions/)•[About](https://towardsdatascience.com/about-towards-data-science-d691af11cc2f/)•[Advertise](https://contact.towardsdatascience.com/advertise-with-towards-data-science)•[Privacy Policy](https://towardsdatascience.com/privacy-policy/)•[Terms of Use](https://towardsdatascience.com/website-terms-of-use/)\n© Insight Media Group, LLC 2026•[The New Stack](https://thenewstack.io)•[roadmap.sh](https://roadmap.sh)•[Creator Network](https://insightmediagroup.io/creator-network)\n#### Recommended Articles \nClose\n * [ ![](https://h030.towardsdatascience.com/rest/v2/contentStores/d7d3a4ab-7caf-4383-bbd2-fbf7fb4f1787/items/607639/image?etag=1781250125848&width=500&height=500) Javascript Fatigue: HTMX Is All You Need to Build ChatGPT — Part 1 ](https://towardsdatascience.com/javascript-fatigue-you-dont-need-js-to-build-chatgpt/ \"Javascript Fatigue: HTMX Is All You Need to Build ChatGPT — Part 1\")\n * [ ![](https://h030.towardsdatascience.com/rest/v2/contentStores/d7d3a4ab-7caf-4383-bbd2-fbf7fb4f1787/items/607930/image?etag=1782124566054&width=500&height=500) The Subset Sum Problem Solved in Linear Time for Dense Enough Inputs ](https://towardsdatascience.com/subset-sum-problem-solved-in-linear-time-for-dense-enough-inputs/ \"The Subset Sum Problem Solved in Linear Time for Dense Enough Inputs\")\n * [ ![](https://h030.towardsdatascience.com/rest/v2/contentStores/d7d3a4ab-7caf-4383-bbd2-fbf7fb4f1787/items/3660/image?etag=1780176246070&width=500&height=500) Does Your Company Have a Data Strategy? ](https://towardsdatascience.com/does-your-company-have-a-data-strategy-e8944dbec4ae/ \"Does Your Company Have a Data Strategy?\")\n * [ ![](https://h030.towardsdatascience.com/rest/v2/contentStores/d7d3a4ab-7caf-4383-bbd2-fbf7fb4f1787/items/4970/image?etag=1780565225463&width=500&height=500) Productivity Tips, Data Career Insights, and Other Recent Must-Reads ](https://towardsdatascience.com/productivity-tips-data-career-insights-and-other-recent-must-reads-5c47eb7a2fe0/ \"Productivity Tips, Data Career Insights, and Other Recent Must-Reads\")\n\n\n", "body_base_path": "attachments/6263e7317859/pages/", "body_markdown_path": "attachments/6263e7317859/pages/archived-body.md", "local_html": "attachments/6263e7317859/pages/archived-body.html", "body_source": "prior_capture" }