alexalbertt · October 23, 2024 21:36
diff --git a/gistfile1.txt b/gistfile1.txt
 <!DOCTYPE html>
 <html>
 <head>
    <title>NYC Air Quality Classification Results</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 40px;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
        }

        img {
            max-width: 100%;
            margin: 20px 0;
        }

        pre {
            background: #f5f5f5;
            padding: 15px;
            border-radius: 5px;
        }
    </style>
 </head>
 <body>
    <div class="container">
        <h1>NYC Air Quality Classification Results</h1>
        
        <h2>Model Performance</h2>
        <p>Our Random Forest classifier achieved 84% accuracy in predicting areas with high vs low PM2.5 pollution levels.</p>
        <pre>
 Classification Report:
              precision    recall  f1-score   support

           0       0.82      0.87      0.84       595
           1       0.86      0.81      0.83       590

    accuracy                           0.84      1185
   macro avg       0.84      0.84      0.84      1185
 weighted avg       0.84      0.84      0.84      1185
        </pre>

        <h2>Confusion Matrix</h2>
        <p>The confusion matrix shows the model's prediction accuracy:</p>
        <img src="confusion_matrix.png" alt="Confusion Matrix">

        <h2>Feature Importance</h2>
        <p>The following graph shows which features were most important in making predictions:</p>
        <img src="feature_importance.png" alt="Feature Importance">

        <h2>PM2.5 Trends Over Time</h2>
        <p>This graph shows how PM2.5 levels have changed over the years:</p>
        <img src="pm25_trend.png" alt="PM2.5 Trends">
    </div>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>NYC Air Quality Classification Results</title>
	<style>
	body {
	font-family: Arial, sans-serif;
	margin: 40px;
	}

	.container {
	max-width: 1200px;
	margin: 0 auto;
	}

	img {
	max-width: 100%;
	margin: 20px 0;
	}

	pre {
	background: #f5f5f5;
	padding: 15px;
	border-radius: 5px;
	}
	</style>
	</head>
	<body>
	<div class="container">
	<h1>NYC Air Quality Classification Results</h1>

	<h2>Model Performance</h2>
	<p>Our Random Forest classifier achieved 84% accuracy in predicting areas with high vs low PM2.5 pollution levels.</p>
	<pre>
	Classification Report:
	precision recall f1-score support

	0 0.82 0.87 0.84 595
	1 0.86 0.81 0.83 590

	accuracy 0.84 1185
	macro avg 0.84 0.84 0.84 1185
	weighted avg 0.84 0.84 0.84 1185
	</pre>

	<h2>Confusion Matrix</h2>
	<p>The confusion matrix shows the model's prediction accuracy:</p>
	<img src="confusion_matrix.png" alt="Confusion Matrix">

	<h2>Feature Importance</h2>
	<p>The following graph shows which features were most important in making predictions:</p>
	<img src="feature_importance.png" alt="Feature Importance">

	<h2>PM2.5 Trends Over Time</h2>
	<p>This graph shows how PM2.5 levels have changed over the years:</p>
	<img src="pm25_trend.png" alt="PM2.5 Trends">
	</div>
	</body>
	</html>