Below is a tool to calculate the economic impact of sheep in the DAIS system:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>DAIS Sheep Economic Calculator</title>
<!-- Include Chart.js CDN -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
background: #f2f2f2;
}
.container {
background: #fff;
padding: 20px;
border-radius: 8px;
max-width: 600px;
margin: auto;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
h1, h2 {
text-align: center;
}
form label {
font-weight: bold;
display: block;
margin-top: 10px;
}
form input {
padding: 8px;
width: 100%;
margin-top: 5px;
box-sizing: border-box;
}
form button {
padding: 10px 15px;
margin-top: 15px;
background: #28a745;
color: #fff;
border: none;
cursor: pointer;
border-radius: 4px;
}
form button:hover {
background: #218838;
}
.result {
margin-top: 20px;
background: #e9ffe9;
padding: 15px;
border-radius: 4px;
}
.chart-container {
margin-top: 20px;
}
</style>
</head>
<body>
<div class="container">
<h1>DAIS Ecosystem Economic Calculator</h1>
<h2>Focus on Sheep</h2>
<form id="sheepEconomicForm">
<label for="numSheep">Number of Sheep:</label>
<input type="number" id="numSheep" name="numSheep" step="any" required>
<label for="meatRevenue">Revenue from Meat per Sheep (USD):</label>
<input type="number" id="meatRevenue" name="meatRevenue" step="any" required>
<label for="woolRevenue">Revenue from Wool per Sheep (USD):</label>
<input type="number" id="woolRevenue" name="woolRevenue" step="any" required>
<label for="manureRevenue">Revenue from Manure per Sheep (USD):</label>
<input type="number" id="manureRevenue" name="manureRevenue" step="any" required>
<label for="operatingCost">Operating Cost per Sheep (USD):</label>
<input type="number" id="operatingCost" name="operatingCost" step="any" required>
<button type="button" onclick="calculateSheepEconomics()">Calculate Economic Impact</button>
</form>
<div id="sheepEconomicResult" class="result"></div>
<div class="chart-container">
<canvas id="sheepEconomicChart"></canvas>
</div>
</div>
<script>
let sheepEconomicChart;
function calculateSheepEconomics(){
// Get input values
const numSheep = parseFloat(document.getElementById('numSheep').value);
const meatRevenuePerSheep = parseFloat(document.getElementById('meatRevenue').value);
const woolRevenuePerSheep = parseFloat(document.getElementById('woolRevenue').value);
const manureRevenuePerSheep = parseFloat(document.getElementById('manureRevenue').value);
const operatingCostPerSheep = parseFloat(document.getElementById('operatingCost').value);
// Calculate total revenue for each component
const totalMeatRevenue = numSheep * meatRevenuePerSheep;
const totalWoolRevenue = numSheep * woolRevenuePerSheep;
const totalManureRevenue = numSheep * manureRevenuePerSheep;
const totalRevenue = totalMeatRevenue + totalWoolRevenue + totalManureRevenue;
// Calculate total operating cost and net profit
const totalOperatingCost = numSheep * operatingCostPerSheep;
const netProfit = totalRevenue - totalOperatingCost;
const profitPerSheep = netProfit / numSheep;
// Display results
document.getElementById('sheepEconomicResult').innerHTML = `
<h3>Economic Results for Sheep</h3>
<p><strong>Total Meat Revenue:</strong> $${totalMeatRevenue.toFixed(2)}</p>
<p><strong>Total Wool Revenue:</strong> $${totalWoolRevenue.toFixed(2)}</p>
<p><strong>Total Manure Revenue:</strong> $${totalManureRevenue.toFixed(2)}</p>
<p><strong>Total Revenue:</strong> $${totalRevenue.toFixed(2)}</p>
<p><strong>Total Operating Cost:</strong> $${totalOperatingCost.toFixed(2)}</p>
<p><strong>Net Profit:</strong> $${netProfit.toFixed(2)}</p>
<p><strong>Profit per Sheep:</strong> $${profitPerSheep.toFixed(2)}</p>
`;
updateSheepEconomicChart(totalMeatRevenue, totalWoolRevenue, totalManureRevenue);
}
// Function to update the revenue breakdown chart using Chart.js
function updateSheepEconomicChart(meatRev, woolRev, manureRev) {
const ctx = document.getElementById('sheepEconomicChart').getContext('2d');
const data = {
labels: ['Meat Revenue', 'Wool Revenue', 'Manure Revenue'],
datasets: [{
data: [meatRev, woolRev, manureRev],
backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56']
}]
};
if (sheepEconomicChart) {
sheepEconomicChart.data = data;
sheepEconomicChart.update();
} else {
sheepEconomicChart = new Chart(ctx, {
type: 'pie',
data: data,
options: {
responsive: true,
plugins: {
title: {
display: true,
text: 'Sheep Revenue Breakdown'
}
}
}
});
}
}
</script>
</body>
</html>
