Skip to content

fracabu/dashboard-data-visualization

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

15 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽฏ Complete Dashboard Premium

๐Ÿ“Š Un dashboard interattivo per esplorare, analizzare e visualizzare i dati in modo semplice e intuitivo!

Questa applicazione combina la potenza di Streamlit โšก per creare dashboard interattive con un'API Flask deployata su Render ๐Ÿš€ per fornire dati simulati o reali in tempo reale. รˆ progettata per offrire una soluzione completa per l'analisi e la visualizzazione dei dati.


image

image

image

๐Ÿ—๏ธ Struttura del Progetto

dashboard-data-visualization/
โ”œโ”€โ”€ app/                  # Moduli principali dell'app
โ”‚   โ”œโ”€โ”€ __init__.py       # Rende la cartella un pacchetto Python
โ”‚   โ”œโ”€โ”€ api.py            # Gestisce chiamate all'API Flask
โ”‚   โ”œโ”€โ”€ utils.py          # Funzioni di utilitร  generiche
โ”‚   โ””โ”€โ”€ visualizations.py # Funzioni per generare grafici e visualizzazioni
โ”œโ”€โ”€ main.py               # File principale per l'esecuzione dell'app Streamlit
โ”œโ”€โ”€ .streamlit/           # Configurazioni personalizzate per Streamlit
โ”‚   โ””โ”€โ”€ config.toml       # Impostazioni del tema e altri parametri
โ”œโ”€โ”€ .vscode/              # Configurazioni per Visual Studio Code
โ”œโ”€โ”€ venv/                 # Ambiente virtuale Python
โ”œโ”€โ”€ requirements.txt      # Dipendenze del progetto
โ”œโ”€โ”€ runtime.txt          # Specifica la versione di Python (per Streamlit Cloud/Render)
โ”œโ”€โ”€ .gitignore           # File per escludere elementi dal repository
โ”œโ”€โ”€ readme.md            # Documentazione del progetto
โ””โ”€โ”€ tests/               # Directory per i test
    โ””โ”€โ”€ test_api.py      # Test per verificare il funzionamento dell'API Flask

โœจ Funzionalitร 

๐ŸŽจ Dashboard Interattivo (Streamlit)

  • Visualizzazioni dinamiche: Grafici come istogrammi, grafici a barre, scatter plot e mappe di correlazione
  • Filtraggio avanzato: Filtri per colonne numeriche e testuali
  • Esportazione dati: Scarica i dati filtrati in formato CSV o Excel
  • Tema personalizzabile: Alterna tra tema chiaro e scuro

๐Ÿ”Œ API Flask

  • Endpoint API: Un'API semplice per simulare dataset o recuperare dati reali
  • Dataset medico simulato: Utilizzato per testare le funzionalitร  dell'app
  • Hosting su Render: L'API รจ stata deployata su Render per accesso pubblico continuo

๐Ÿš€ Deployment

๐ŸŒ Dashboard Streamlit

L'app รจ stata deployata su Streamlit Cloud, rendendola accessibile online 24/7.

Link al dashboard:
Accedi al Dashboard Interattivo ๐Ÿ”—

โš™๏ธ API Flask

L'API รจ ospitata su Render e fornisce i dati utilizzati dal dashboard per le visualizzazioni e l'analisi.

Link API Render:
Accedi all'API Flask ๐Ÿ”—


๐Ÿ’ป Requisiti Tecnici

  • Browser: Chrome ๐ŸŒ, Firefox ๐ŸฆŠ, Edge ๐ŸŒŠ o Safari ๐Ÿงญ
  • Python Version: Specificata in runtime.txt (ad esempio, python-3.9)
  • File Supportati: CSV con una struttura predefinita

๐Ÿ› ๏ธ Installazione Locale

Per eseguire l'app in locale, segui questi passaggi:

  1. Clona il repository:

    git clone https://github.com/tuo-repo/dashboard-data-visualization.git
    cd dashboard-data-visualization
  2. Crea un ambiente virtuale:

    python -m venv venv
    source venv/bin/activate  # Su Windows: venv\Scripts\activate
  3. Installa le dipendenze:

    pip install -r requirements.txt
  4. Esegui il dashboard:

    streamlit run main.py

๐Ÿ”ฎ Funzionalitร  Future

  • ๐Ÿ“ Supporto per dataset generici, indipendentemente dalla struttura
  • ๐Ÿ“Š Importazione di file in formati Excel e JSON
  • ๐ŸŽฏ Mappatura personalizzabile delle colonne per adattarsi a dataset generici
  • ๐Ÿ”„ Estensione delle API per supportare piรน endpoint e dataset reali

๐Ÿšฆ Configurazione Sviluppo Locale

1. Primo Terminale: Avvia il Server Flask ๐Ÿ–ฅ๏ธ

  1. Apri un terminale e spostati nella directory del progetto:
    cd dashboard-data-visualization
  2. Attiva l'ambiente virtuale:
    venv\Scripts\activate
  3. Avvia il server Flask:
    python api_premium.py
  4. Lascia questo terminale aperto con il server in esecuzione.

2. Secondo Terminale: Avvia la Dashboard Streamlit ๐Ÿ“Š

  1. Apri un secondo terminale e spostati nella directory del progetto:
    cd dashboard-data-visualization
  2. Attiva l'ambiente virtuale:
    venv\Scripts\activate
  3. Avvia la dashboard Streamlit:
    streamlit run main.py
  4. Il dashboard sarร  accessibile su http://localhost:8501 ๐ŸŒ

Se hai domande o richieste di personalizzazione, non esitare a contattarmi! ๐Ÿ’Œ

๐ŸŽฏ Complete Dashboard Premium

๐Ÿ“Š An interactive dashboard for exploring, analyzing, and visualizing data in a simple and intuitive way!

This application combines the power of Streamlit โšก for creating interactive dashboards with a Flask API deployed on Render ๐Ÿš€ to provide real-time simulated or real data. It's designed to offer a complete solution for data analysis and visualization.


๐Ÿ—๏ธ Project Structure

dashboard-data-visualization/
โ”œโ”€โ”€ app/                  # Main app modules
โ”‚   โ”œโ”€โ”€ __init__.py       # Makes the folder a Python package
โ”‚   โ”œโ”€โ”€ api.py            # Handles Flask API calls
โ”‚   โ”œโ”€โ”€ utils.py          # Generic utility functions
โ”‚   โ””โ”€โ”€ visualizations.py # Functions for generating charts and visualizations
โ”œโ”€โ”€ main.py               # Main file for Streamlit app execution
โ”œโ”€โ”€ .streamlit/           # Custom Streamlit configurations
โ”‚   โ””โ”€โ”€ config.toml       # Theme settings and other parameters
โ”œโ”€โ”€ .vscode/              # Visual Studio Code configurations
โ”œโ”€โ”€ venv/                 # Python virtual environment
โ”œโ”€โ”€ requirements.txt      # Project dependencies
โ”œโ”€โ”€ runtime.txt          # Python version specification (for Streamlit Cloud/Render)
โ”œโ”€โ”€ .gitignore           # File to exclude items from repository
โ”œโ”€โ”€ readme.md            # Project documentation
โ””โ”€โ”€ tests/               # Tests directory
    โ””โ”€โ”€ test_api.py      # Tests to verify Flask API functionality

โœจ Features

๐ŸŽจ Interactive Dashboard (Streamlit)

  • Dynamic Visualizations: Histograms, bar charts, scatter plots, and correlation maps
  • Advanced Filtering: Filters for numeric and text columns
  • Data Export: Download filtered data in CSV or Excel format
  • Customizable Theme: Toggle between light and dark theme

๐Ÿ”Œ Flask API

  • API Endpoints: A simple API for simulating datasets or retrieving real data
  • Simulated Medical Dataset: Used for testing app functionality
  • Render Hosting: API deployed on Render for continuous public access

๐Ÿš€ Deployment

๐ŸŒ Streamlit Dashboard

The app has been deployed on Streamlit Cloud, making it accessible online 24/7.

Dashboard link:
Access Interactive Dashboard ๐Ÿ”—

โš™๏ธ Flask API

The API is hosted on Render and provides the data used by the dashboard for visualizations and analysis.

Render API link:
Access Flask API ๐Ÿ”—


๐Ÿ’ป Technical Requirements

  • Browser: Chrome ๐ŸŒ, Firefox ๐ŸฆŠ, Edge ๐ŸŒŠ or Safari ๐Ÿงญ
  • Python Version: Specified in runtime.txt (e.g., python-3.9)
  • Supported Files: CSV with predefined structure

๐Ÿ› ๏ธ Local Installation

Follow these steps to run the app locally:

  1. Clone the repository:

    git clone https://github.com/tuo-repo/dashboard-data-visualization.git
    cd dashboard-data-visualization
  2. Create a virtual environment:

    python -m venv venv
    source venv/bin/activate  # On Windows: venv\Scripts\activate
  3. Install dependencies:

    pip install -r requirements.txt
  4. Run the dashboard:

    streamlit run main.py

๐Ÿ”ฎ Future Features

  • ๐Ÿ“ Support for generic datasets, regardless of structure
  • ๐Ÿ“Š Excel and JSON file import support
  • ๐ŸŽฏ Customizable column mapping to adapt to generic datasets
  • ๐Ÿ”„ Extended APIs to support more endpoints and real datasets

๐Ÿšฆ Local Development Setup

1. First Terminal: Launch Flask Server ๐Ÿ–ฅ๏ธ

  1. Open a terminal and navigate to the project directory:
    cd dashboard-data-visualization
  2. Activate the virtual environment:
    venv\Scripts\activate
  3. Start the Flask server:
    python api_premium.py
  4. Keep this terminal open with the server running.

2. Second Terminal: Launch Streamlit Dashboard ๐Ÿ“Š

  1. Open a second terminal and navigate to the project directory:
    cd dashboard-data-visualization
  2. Activate the virtual environment:
    venv\Scripts\activate
  3. Start the Streamlit dashboard:
    streamlit run main.py
  4. The dashboard will be accessible at http://localhost:8501 ๐ŸŒ

If you have any questions or customization requests, don't hesitate to contact me! ๐Ÿ’Œ

1. Primo Terminale: Avvia il Server Flask

  1. Apri un terminale e spostati nella directory del progetto:
    cd dashboard-data-visualization
  2. Attiva l'ambiente virtuale:
    venv\Scripts\activate
  3. Avvia il server Flask:
    python api_premium.py
  4. Lascia questo terminale aperto con il server in esecuzione.

2. Secondo Terminale: Avvia la Dashboard Streamlit

  1. Apri un secondo terminale e spostati nella directory del progetto:
    cd dashboard-data-visualization
  2. Attiva l'ambiente virtuale (puรฒ essere attivato in piรน terminali contemporaneamente):
    venv\Scripts\activate
  3. Avvia la dashboard Streamlit:
    streamlit run main.py (sostituire con il py della dashboard da deployare)
  4. La dashboard sarร  accessibile su http://localhost:8501.

Releases

No releases published

Packages

No packages published

Languages