```html
HBAR Price Movement
HBAR Price Movement
```javascript
async function fetchHbarPriceData() {
try {
const response = await fetch('https://api.coingecko.com/api/v3/coins/hedera/market_chart?vs_currency=usd&days=1&interval=hourly');
const data = await response.json();
const prices = data.prices;
const labels = prices.map(price => new Date(price[0]).toLocaleTimeString());
const priceData = prices.map(price => price[1]);
renderChart(labels, priceData);
} catch (error) {
console.error('Error fetching HBAR price data:', error);
}
}
function renderChart(labels, data) {
const ctx = document.getElementById('hbarChart').getContext('2d');
new Chart(ctx, {
type: 'line',
data: {
labels: labels,
datasets: [{
label: 'HBAR Price (USD)',
data: data,
borderColor: 'rgba(75, 192, 192, 1)',
backgroundColor: 'rgba(75, 192, 192, 0.2)',
borderWidth: 1,
fill: true,
}]
},
options: {
scales: {
x: {
type: 'time',
time: {
unit: 'hour'
}
},
y: {
beginAtZero: false
}
}
}
});
}
// Fetch the data when the page loads
fetchHbarPriceData();
```
