timecoder
Version:
TimeCoder is a VS Code extension designed to boost your productivity while coding. It features a stopwatch to track how long you take to solve problems or complete tasks, and a Pomodoro timer to challenge yourself to finish tasks within a set time — all w
57 lines (53 loc) • 1.41 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Analytics</title>
<style>
#chart {
width: 100%;
max-width: 500px;
max-height: 500px;
}
.container {
display: flex;
justify-content: center;
align-items: center;
}
</style>
</head>
<body>
<h1>TimeCoder Analytics</h1>
<div class="container">
<canvas id="chart"></canvas>
</div>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
const data = {
labels: ["Stopwatch", "Pomodoro", "Session Tracker"],
datasets: [
{
data: [
78,
98,
45,
],
backgroundColor: ["#FF6384", "#36A2EB", "#FFCE56"],
},
],
};
const ctx = document.getElementById("chart").getContext("2d");
const config = {
type: "doughnut",
data: data,
options: {
responsive: true,
plugins: {
legend: { display: true, position: "right" },
},
},
};
new Chart(ctx, config);
</script>
</body>
</html>