A modern, responsive Dash application with a beautiful header and main content area.
- Modern Design: Clean, professional interface with gradient header
- Responsive Layout: Works on desktop and mobile devices
- Interactive Charts: Sample scatter plot with Plotly
- Custom Styling: Beautiful CSS styling in
assets/custom.css - Modular Structure: Easy to extend and customize
-
Activate the conda environment:
conda activate dash-news
-
Install dependencies (if not already installed):
pip install -r requirements.txt
-
Run the application:
python app.py
-
Open your browser and navigate to:
http://127.0.0.1:8050
dash-news/
├── app.py # Main Dash application
├── assets/
│ └── custom.css # Custom CSS styling
├── requirements.txt # Python dependencies
└── README.md # This file
- Add new charts: Modify the
app.pyfile to include additionaldcc.Graphcomponents - Update styling: Edit
assets/custom.cssto change colors, fonts, and layout - Add new content: Extend the layout in
app.pywith additional HTML components
dash: Web framework for building analytical web applicationspandas: Data manipulation and analysisplotly: Interactive plotting library
The app runs in debug mode by default, which enables:
- Hot reloading when you make changes
- Detailed error messages
- Development server features