Azure AI Streamlit Gradio HTML

classroom

AI & ML interests

Dynamic Cloud Patterns for AI using HTML5, Code Interpreters, Python and Gradio with Azure, Github, VSCode, GPT, Claude

Examples:

0. Security and Safety

Presidio Demo: https://huggingface.co/spaces/awacke1/presidio_demo Azure Subscription Resources and Architecture: https://huggingface.co/spaces/awacke1/OptimizeAzureAppArchitecture Indicators of Compromise: https://huggingface.co/spaces/awacke1/AdversarialAIToolbox

1. Datasets, EDA, and Knowledge Management for ML

Care Team Finder: https://huggingface.co/spaces/awacke1/AIProviderSearchbySpecialtyandState MedQA Speech and Dataset: https://huggingface.co/spaces/awacke1/RT-MLE Clinical NER with Clinical Terminology: https://huggingface.co/spaces/awacke1/Clinical-Terminology-Search-NER-Datasets Web Bulk Dataset Download: https://huggingface.co/spaces/awacke1/WebDataDownload

2. Improve Performance Metrics and Understand Bias and Fairness

LMSYS Chatbot Arena: https://huggingface.co/spaces/awacke1/lmsys-chatbot-arena-leaderboard How to Autogen: https://huggingface.co/spaces/awacke1/HowToAutogen Social Vulnerability Index: https://huggingface.co/spaces/awacke1/Social-Vulnerability-Index-SVI

3. Documents and Web as Datasets and Inputs

Arxiv RAG Search: https://huggingface.co/spaces/awacke1/Arxiv-Paper-Search-And-QA-RAG-Pattern RAG Sentence Embedding and Visualization: https://huggingface.co/spaces/awacke1/RAG-Sentence-Embedding-Viz QOTD Streamlit and Dataset: https://huggingface.co/spaces/awacke1/QuoteOfTheDayStreamlit

4. Models, Datasets, and Spaces as AI Pair Programming Inputs

Model, Dataset, Space Search: https://huggingface.co/spaces/awacke1/Models-Datasets-Spaces-Search-Hub Spaces of the Week: https://huggingface.co/spaces/awacke1/SpacesoftheWeekReview

5. Voice AI

Dr. Nova Quantum Voice AI: https://huggingface.co/spaces/awacke1/DrNovaQuantumVoiceAI Moshi Chats: https://huggingface.co/spaces/awacke1/GPT-4o-omni-text-audio-image-video

6. AI UI/UX

Body Map: https://huggingface.co/spaces/awacke1/BodyMap2-HTML5 Streamlit UI Cheatsheet: https://huggingface.co/spaces/awacke1/Streamlit-Cookbook-Code-Examples Web Copy UI Transfer: https://huggingface.co/spaces/awacke1/WebCopyYoutube Force Directed Graph: https://huggingface.co/spaces/awacke1/ForceLayoutGraph Streamlit Timer Test: https://huggingface.co/spaces/awacke1/StreamlitTimerTest AI Life Sim 3D: https://huggingface.co/spaces/awacke1/AI-Life-Simulation-With-Chofko-the-Octopus

7. Real Time Video AI

Video Editor: https://huggingface.co/spaces/awacke1/Video-Editor Web GPU RTV: https://huggingface.co/spaces/awacke1/Live-Video-Background-Removal


For easier cloud AI development, the recipe below has security, performance, lifecycle management and scalability superpowers to make it easy.

Preparation and model teaching:

  1. Use Huggingface as Fastest way to document and plan with fast code testing.
  2. Create a video playlist for Youtube that shows short videos on pattern implementation:
  3. Use Azure Free to set up initial patterns and gain familiarity
  4. Use an Azure pre-flight checklist to plan your resource selection which we will eventually get down to code.
  5. New Azure subscription using an Account to explore $200 with resources free, Bookmark opening resources for starters.
    • My links are usually Subscription, Resource Group, ACR, ACA Apps.
    • For security tests, make it bulletproof - links with email and subscription GUID using self defense tests.
  6. Github integration for subscription, github actions, and accelerators
  7. Git with one easy example per type of app and secure access pattern. Do easiest first, refactor to easiest.
  8. Get your mobile device for MFA, SMS (IPad, Android, iPhone to demo)
  9. Get your top LLM's to help with AI Pair Programming. Refactor model approach to use securely and internally.
  10. Set up code for Github for HTML, Gradio, Streamlit examples
  11. Demonstrate and teach others.

Github AI Example Repositories:

  1. HTML: https://github.com/AaronCWacker/AIExamples-8-24-HTML
  2. Gradio: https://github.com/AaronCWacker/AIExamples-8-24-Gradio
  3. Streamlit: https://github.com/AaronCWacker/AIExamples-8-24-Streamlit

Process:

  1. Stage your three github repos with code.
  2. In Azure Subscription search "App Services"
  3. Add each git to an app service and configure command line call to start it.

Reference Papers and Spaces:

STaR: Self-Taught Reasoner, Bootstrapping Reasoning With Reasoning: https://openreview.net/pdf?id=_3ELRdg2sgI From Google Gemini to OpenAI Q* (Q-Star): A Survey of Reshaping the Generative Artificial Intelligence (AI) Research Landscape: https://arxiv.org/pdf/2312.10868 AI Research Papers via ArXiV Gradio Space and API: - https://huggingface.co/spaces/awacke1/Arxiv-Paper-Search-And-QA-RAG-Pattern

HTML5: 🌟Depth Anything w/ 🤗 Transformers.js🐆 - index.html - main app Gradio: https://huggingface.co/spaces/awacke1/Models-Datasets-Spaces-Search-Hub Streamlit: Transcript EDA NLTK - https://huggingface.co/spaces/awacke1/Transcript-EDA-NLTK

models

None public yet

datasets

None public yet