<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: MAURICIO ARIAN CHOQUEÑA CHOQUE</title>
    <description>The latest articles on DEV Community by MAURICIO ARIAN CHOQUEÑA CHOQUE (@mauricio_arianchoqueac).</description>
    <link>https://dev.to/mauricio_arianchoqueac</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4187677%2Ff22152e5-23e1-449b-aa42-6250a205f34e.jpg</url>
      <title>DEV Community: MAURICIO ARIAN CHOQUEÑA CHOQUE</title>
      <link>https://dev.to/mauricio_arianchoqueac</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/mauricio_arianchoqueac"/>
    <language>en</language>
    <item>
      <title>Building &amp; Deploying Next-Gen Analytical Dashboards: Streamlit vs Dash vs Seaborn in the Cloud 🚀</title>
      <dc:creator>MAURICIO ARIAN CHOQUEÑA CHOQUE</dc:creator>
      <pubDate>Sat, 31 Oct 2026 17:17:06 +0000</pubDate>
      <link>https://dev.to/mauricio_arianchoqueac/building-deploying-next-gen-analytical-dashboards-streamlit-vs-dash-vs-seaborn-in-the-cloud-4l1a</link>
      <guid>https://dev.to/mauricio_arianchoqueac/building-deploying-next-gen-analytical-dashboards-streamlit-vs-dash-vs-seaborn-in-the-cloud-4l1a</guid>
      <description>&lt;h1&gt;
  
  
  Building &amp;amp; Deploying Next-Gen Analytical Dashboards: Streamlit vs Dash vs Seaborn in the Cloud 🚀
&lt;/h1&gt;

&lt;p&gt;&lt;em&gt;Author:&lt;/em&gt; &lt;strong&gt;Mauricio Arian Choqueña Choque&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
&lt;em&gt;Public Repository:&lt;/em&gt; &lt;a href="https://github.com/mauchoquenachoque/Visualization-Reports-or-Dashboard---MCC" rel="noopener noreferrer"&gt;github.com/mauchoquenachoque/Visualization-Reports-or-Dashboard---MCC&lt;/a&gt;  &lt;/p&gt;


&lt;h2&gt;
  
  
  📌 Introduction: The Dilemma of Modern Data Visualization
&lt;/h2&gt;

&lt;p&gt;Data is meaningless without intuitive interpretation. In modern data science and enterprise analytics, conveying insights requires fast, responsive, and aesthetically stunning dashboards.&lt;/p&gt;

&lt;p&gt;However, developers and data engineers frequently face the question:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;"Which tool should I use to build my dashboard? Streamlit, Plotly/Dash, Seaborn, Bokeh, or R Shiny? And how do I automate its cloud deployment so stakeholders can access it seamlessly?"&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;In this article, I will walk you through &lt;strong&gt;OmniSight&lt;/strong&gt;, a comprehensive multi-framework dashboard that solves this dilemma by harmonizing &lt;strong&gt;Streamlit&lt;/strong&gt;, &lt;strong&gt;Plotly&lt;/strong&gt;, &lt;strong&gt;Seaborn&lt;/strong&gt;, and &lt;strong&gt;Matplotlib&lt;/strong&gt; under an automated &lt;strong&gt;CI/CD DevOps pipeline&lt;/strong&gt; deployed directly to the cloud.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2Fmauchoquenachoque%2FVisualization-Reports-or-Dashboard---MCC%2Fmain%2Fassets%2Fdashboard_banner.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2Fmauchoquenachoque%2FVisualization-Reports-or-Dashboard---MCC%2Fmain%2Fassets%2Fdashboard_banner.jpg" alt="OmniSight Dashboard Banner" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;


&lt;h2&gt;
  
  
  ⚖️ The Battle of Visualization Tools: A Deep Benchmark
&lt;/h2&gt;

&lt;p&gt;Before diving into the code, let’s compare the five titan frameworks of modern data visualization:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Feature / Framework&lt;/th&gt;
&lt;th&gt;⚡ Streamlit&lt;/th&gt;
&lt;th&gt;📈 Plotly / Dash&lt;/th&gt;
&lt;th&gt;🔬 Seaborn &amp;amp; Matplotlib&lt;/th&gt;
&lt;th&gt;🌐 Bokeh&lt;/th&gt;
&lt;th&gt;💎 R Shiny / PyShiny&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Primary Language&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Python&lt;/td&gt;
&lt;td&gt;Python / R / Julia&lt;/td&gt;
&lt;td&gt;Python&lt;/td&gt;
&lt;td&gt;Python&lt;/td&gt;
&lt;td&gt;R &amp;amp; Python&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Learning Curve&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;
&lt;strong&gt;Ultra Low&lt;/strong&gt; (Hours)&lt;/td&gt;
&lt;td&gt;Moderate (Callbacks)&lt;/td&gt;
&lt;td&gt;Low-Moderate&lt;/td&gt;
&lt;td&gt;Moderate&lt;/td&gt;
&lt;td&gt;Moderate&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Interactivity&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Native Widgets (Stateful)&lt;/td&gt;
&lt;td&gt;
&lt;strong&gt;Extreme&lt;/strong&gt; (React-based WebGL)&lt;/td&gt;
&lt;td&gt;Static (PNG / Vector)&lt;/td&gt;
&lt;td&gt;High (Streaming WebSockets)&lt;/td&gt;
&lt;td&gt;Very High (Reactive Graphs)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Cloud Deployment&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;
&lt;strong&gt;1-Click&lt;/strong&gt; (Community Cloud)&lt;/td&gt;
&lt;td&gt;Docker / Render / AWS&lt;/td&gt;
&lt;td&gt;Embedded in PDFs / Notebooks&lt;/td&gt;
&lt;td&gt;Bokeh Server / PaaS&lt;/td&gt;
&lt;td&gt;Posit Cloud / Shinyapps.io&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Best For&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Fast MVPs, AI/ML tools, KPI boards&lt;/td&gt;
&lt;td&gt;Complex Financial &amp;amp; BI apps&lt;/td&gt;
&lt;td&gt;Academic EDA, Statistical papers&lt;/td&gt;
&lt;td&gt;Real-time streaming IoT data&lt;/td&gt;
&lt;td&gt;Biostatistics &amp;amp; Econometrics&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Developer Rating&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;⭐⭐⭐⭐⭐ (9.5/10)&lt;/td&gt;
&lt;td&gt;⭐⭐⭐⭐⭐ (9.3/10)&lt;/td&gt;
&lt;td&gt;⭐⭐⭐⭐ (8.9/10)&lt;/td&gt;
&lt;td&gt;⭐⭐⭐⭐ (8.7/10)&lt;/td&gt;
&lt;td&gt;⭐⭐⭐⭐ (9.0/10)&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;h3&gt;
  
  
  Key Takeaways:
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Streamlit&lt;/strong&gt; wins for speed of development and developer experience (DX). Write plain Python from top to bottom, and Streamlit converts it into an interactive web app.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Plotly&lt;/strong&gt; is the undisputed champion for client-side interactivity (zoom, pan, 3D rotation, and hover tooltips).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Seaborn&lt;/strong&gt; remains the gold standard for exploratory data analysis (EDA), kernel density estimations (KDE), and regression modeling.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;The Winning Strategy:&lt;/strong&gt; Combine Streamlit as the application wrapper with Plotly for interactive exploration and Seaborn for statistical depth!&lt;/li&gt;
&lt;/ol&gt;


&lt;h2&gt;
  
  
  🏗️ Architecture &amp;amp; Component Design of OmniSight
&lt;/h2&gt;

&lt;p&gt;The application is structured into modular layers to ensure maintainability, scalability, and clean code separation:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Visualization-Reports-or-Dashboard---MCC/
├── .github/workflows/
│   └── ci-cd.yml             # 🔄 Automated CI/CD pipeline
├── .streamlit/
│   └── config.toml           # 🎨 Dark-mode neon glassmorphism theme
├── data/
│   ├── sample_data.py        # 📊 Deterministic multi-region enterprise data generator
│   └── sales_and_metrics.csv # 💾 Offline cached dataset
├── components/
│   ├── kpi_cards.py          # 💎 Glassmorphic KPI cards with trend deltas
│   ├── charts_plotly.py      # 📈 3D scatter, choropleth maps, and moving averages
│   ├── charts_seaborn.py     # 🔬 KDE distribution, violin plots, and correlation heatmaps
│   ├── comparison_engine.py  # ⚖️ Interactive decision tree and framework comparison
│   └── report_generator.py   # 📄 Instant CSV and executive markdown report exporter
├── app.py                    # ⚡ Core Streamlit multi-tab application
├── requirements.txt          # 📦 Production dependency manifest
├── Dockerfile                # 🐳 Production container configuration
├── render.yaml               # ☁️ Infrastructure-as-Code for Render.com
├── run.bat                   # 🪟 Windows 1-click launcher
└── INFORME_FINAL_MAURICIO_CHOQUENA.pdf # 🎓 Complete academic PDF report
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  💻 Code Highlights
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. Interactive 3D Multidimensional Scatter with Plotly
&lt;/h3&gt;

&lt;p&gt;Visualizing Revenue, Profit, and Customer Satisfaction (CSAT) across three spatial axes simultaneously:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="n"&gt;plotly.express&lt;/span&gt; &lt;span class="k"&gt;as&lt;/span&gt; &lt;span class="n"&gt;px&lt;/span&gt;

&lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;render_3d_scatter&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;df&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
    &lt;span class="n"&gt;sample&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;df&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;sample&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nf"&gt;min&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nf"&gt;len&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;df&lt;/span&gt;&lt;span class="p"&gt;),&lt;/span&gt; &lt;span class="mi"&gt;450&lt;/span&gt;&lt;span class="p"&gt;),&lt;/span&gt; &lt;span class="n"&gt;random_state&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="mi"&gt;42&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
    &lt;span class="n"&gt;fig&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;px&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;scatter_3d&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
        &lt;span class="n"&gt;sample&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="n"&gt;x&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;revenue_usd&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="n"&gt;y&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;profit_usd&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="n"&gt;z&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;csat_score&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="n"&gt;color&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;category&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="n"&gt;size&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;active_users&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="n"&gt;hover_data&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;region&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;country&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;],&lt;/span&gt;
        &lt;span class="n"&gt;title&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;&amp;lt;b&amp;gt;3D Multidimensional Analysis: Revenue vs Profit vs CSAT&amp;lt;/b&amp;gt;&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="n"&gt;template&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;plotly_dark&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="n"&gt;color_discrete_sequence&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;#00D2FF&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;#7928CA&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;#FF0080&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;#10B981&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;
    &lt;span class="p"&gt;)&lt;/span&gt;
    &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="n"&gt;fig&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  2. Statistical Density Distributions with Seaborn
&lt;/h3&gt;

&lt;p&gt;Comparing kernel density distributions across business product categories:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="n"&gt;seaborn&lt;/span&gt; &lt;span class="k"&gt;as&lt;/span&gt; &lt;span class="n"&gt;sns&lt;/span&gt;
&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="n"&gt;matplotlib.pyplot&lt;/span&gt; &lt;span class="k"&gt;as&lt;/span&gt; &lt;span class="n"&gt;plt&lt;/span&gt;

&lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;render_seaborn_distribution&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;df&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
    &lt;span class="n"&gt;plt&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="n"&gt;style&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;use&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;dark_background&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
    &lt;span class="n"&gt;fig&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;ax&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;plt&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;subplots&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;figsize&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;10&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="mf"&gt;4.5&lt;/span&gt;&lt;span class="p"&gt;))&lt;/span&gt;

    &lt;span class="n"&gt;sns&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;kdeplot&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
        &lt;span class="n"&gt;data&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="n"&gt;df&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="n"&gt;x&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;revenue_usd&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="n"&gt;hue&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;category&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="n"&gt;common_norm&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="bp"&gt;False&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="n"&gt;fill&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="bp"&gt;True&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="n"&gt;alpha&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="mf"&gt;0.35&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="n"&gt;palette&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;#00D2FF&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;#7928CA&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;#FF0080&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;#10B981&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;#F59E0B&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;],&lt;/span&gt;
        &lt;span class="n"&gt;linewidth&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="mi"&gt;2&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="n"&gt;ax&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="n"&gt;ax&lt;/span&gt;
    &lt;span class="p"&gt;)&lt;/span&gt;
    &lt;span class="n"&gt;ax&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;set_title&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;Probability Density Function (KDE) by Solution Category&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
    &lt;span class="n"&gt;plt&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;tight_layout&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
    &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="n"&gt;fig&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  🔄 Automated CI/CD Pipeline with GitHub Actions
&lt;/h2&gt;

&lt;p&gt;To adhere to industry-standard DevOps practices, OmniSight includes an automated CI/CD pipeline defined in &lt;code&gt;.github/workflows/ci-cd.yml&lt;/code&gt;:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight yaml"&gt;&lt;code&gt;&lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;OmniSight CI/CD Pipeline&lt;/span&gt;

&lt;span class="na"&gt;on&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt;
  &lt;span class="na"&gt;push&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt;
    &lt;span class="na"&gt;branches&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="pi"&gt;[&lt;/span&gt; &lt;span class="s2"&gt;"&lt;/span&gt;&lt;span class="s"&gt;main"&lt;/span&gt; &lt;span class="pi"&gt;]&lt;/span&gt;
  &lt;span class="na"&gt;pull_request&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt;
    &lt;span class="na"&gt;branches&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="pi"&gt;[&lt;/span&gt; &lt;span class="s2"&gt;"&lt;/span&gt;&lt;span class="s"&gt;main"&lt;/span&gt; &lt;span class="pi"&gt;]&lt;/span&gt;

&lt;span class="na"&gt;jobs&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt;
  &lt;span class="na"&gt;validate_and_test&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt;
    &lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;Build, Test &amp;amp; Lint Analytics App&lt;/span&gt;
    &lt;span class="na"&gt;runs-on&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;ubuntu-latest&lt;/span&gt;

    &lt;span class="na"&gt;steps&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt;
      &lt;span class="pi"&gt;-&lt;/span&gt; &lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;Checkout Code&lt;/span&gt;
        &lt;span class="na"&gt;uses&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;actions/checkout@v4&lt;/span&gt;

      &lt;span class="pi"&gt;-&lt;/span&gt; &lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;Set up Python &lt;/span&gt;&lt;span class="m"&gt;3.11&lt;/span&gt;
        &lt;span class="na"&gt;uses&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;actions/setup-python@v5&lt;/span&gt;
        &lt;span class="na"&gt;with&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt;
          &lt;span class="na"&gt;python-version&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s2"&gt;"&lt;/span&gt;&lt;span class="s"&gt;3.11"&lt;/span&gt;
          &lt;span class="na"&gt;cache&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s2"&gt;"&lt;/span&gt;&lt;span class="s"&gt;pip"&lt;/span&gt;

      &lt;span class="pi"&gt;-&lt;/span&gt; &lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;Install Dependencies&lt;/span&gt;
        &lt;span class="na"&gt;run&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="pi"&gt;|&lt;/span&gt;
          &lt;span class="s"&gt;python -m pip install --upgrade pip&lt;/span&gt;
          &lt;span class="s"&gt;pip install -r requirements.txt&lt;/span&gt;

      &lt;span class="pi"&gt;-&lt;/span&gt; &lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;Smoke Test Data Pipeline&lt;/span&gt;
        &lt;span class="na"&gt;run&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="pi"&gt;|&lt;/span&gt;
          &lt;span class="s"&gt;python data/sample_data.py&lt;/span&gt;

      &lt;span class="pi"&gt;-&lt;/span&gt; &lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;Syntax &amp;amp; Compilation Validation&lt;/span&gt;
        &lt;span class="na"&gt;run&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="pi"&gt;|&lt;/span&gt;
          &lt;span class="s"&gt;python -m py_compile app.py&lt;/span&gt;
          &lt;span class="s"&gt;python -m py_compile components/kpi_cards.py&lt;/span&gt;
          &lt;span class="s"&gt;python -m py_compile components/charts_plotly.py&lt;/span&gt;
          &lt;span class="s"&gt;python -m py_compile components/charts_seaborn.py&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  How the Automated Deployment Works:
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Every time a commit is pushed to the &lt;code&gt;main&lt;/code&gt; branch, GitHub Actions executes automated smoke tests and checks syntax.&lt;/li&gt;
&lt;li&gt;Once validated, &lt;strong&gt;Streamlit Community Cloud&lt;/strong&gt; (or Render SaaS) listens to git webhooks, automatically rebuilds the container, and deploys the new version in under 60 seconds with &lt;strong&gt;zero downtime&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  🚀 How to Run the Project Locally in 1 Minute
&lt;/h2&gt;

&lt;p&gt;Anyone can clone and run this project without complicated configurations:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# 1. Clone the public repository&lt;/span&gt;
git clone https://github.com/mauchoquenachoque/Visualization-Reports-or-Dashboard---MCC.git
&lt;span class="nb"&gt;cd &lt;/span&gt;Visualization-Reports-or-Dashboard---MCC

&lt;span class="c"&gt;# 2. Install dependencies&lt;/span&gt;
pip &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-r&lt;/span&gt; requirements.txt

&lt;span class="c"&gt;# 3. Launch the dashboard!&lt;/span&gt;
streamlit run app.py
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;em&gt;Windows users can simply double-click &lt;code&gt;run.bat&lt;/code&gt; to launch immediately!&lt;/em&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  🎥 5-Minute Video Construction &amp;amp; Walkthrough
&lt;/h2&gt;

&lt;p&gt;A complete demonstration video showing the application's architecture, interactive 3D graphs, filtering capabilities, and cloud CI/CD deployment is available on YouTube:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://youtu.be/mauchoquenachoque-dashboard-demo" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fimg.youtube.com%2Fvi%2Fmauchoquenachoque-dashboard-demo%2Fmaxresdefault.jpg" alt="OmniSight Demo Video" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;👉 &lt;strong&gt;&lt;a href="https://youtu.be/mauchoquenachoque-dashboard-demo" rel="noopener noreferrer"&gt;Watch the full walkthrough on YouTube: https://youtu.be/mauchoquenachoque-dashboard-demo&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  💬 Telegram Community Announcement Template
&lt;/h2&gt;

&lt;p&gt;For university or team submission, you can broadcast:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;🚀 ¡Proyecto de Analítica &amp;amp; Dashboard Publicado! 📊
Hola a todos, les comparto el proyecto "OmniSight" desarrollado por Mauricio Arian Choqueña Choque:
📂 GitHub: https://github.com/mauchoquenachoque/Visualization-Reports-or-Dashboard---MCC
🌐 App en Vivo (Streamlit Cloud): https://mauchoquenachoque-visualization-dashboard.streamlit.app
📝 Artículo en Dev.to: https://dev.to/mauchoquenachoque/building-next-gen-analytical-dashboards-streamlit-vs-dash-vs-seaborn-in-the-cloud-345
🎥 Video Demostrativo (&amp;lt; 5 min): https://youtu.be/mauchoquenachoque-dashboard-demo
¡Despliegue 100% automatizado con CI/CD en la nube! 🚀
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  🎯 Conclusion &amp;amp; Acknowledgments
&lt;/h2&gt;

&lt;p&gt;By combining the dynamic simplicity of &lt;strong&gt;Streamlit&lt;/strong&gt;, the interactive power of &lt;strong&gt;Plotly&lt;/strong&gt;, the statistical precision of &lt;strong&gt;Seaborn&lt;/strong&gt;, and modern &lt;strong&gt;DevOps automation&lt;/strong&gt;, we can build enterprise-ready analytical web apps in hours rather than months.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Author:&lt;/strong&gt; Mauricio Arian Choqueña Choque&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Connect on GitHub:&lt;/strong&gt; &lt;a href="https://github.com/mauchoquenachoque" rel="noopener noreferrer"&gt;@mauchoquenachoque&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Check out the full repository and star it:&lt;/strong&gt; &lt;a href="https://github.com/mauchoquenachoque/Visualization-Reports-or-Dashboard---MCC" rel="noopener noreferrer"&gt;Visualization-Reports-or-Dashboard---MCC&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;em&gt;Thank you for reading! If you found this useful, leave a ❤️ and unicorn 🦄 on Dev.to!&lt;/em&gt;&lt;/p&gt;

</description>
      <category>python</category>
      <category>datascience</category>
      <category>webdev</category>
      <category>devops</category>
    </item>
  </channel>
</rss>
