User:MiniMapper: Difference between revisions
MiniMapper (talk | contribs) No edit summary |
MiniMapper (talk | contribs) No edit summary |
||
Line 23: | Line 23: | ||
#f0f0f0 | #f0f0f0 | ||
<!DOCTYPE html> | |||
<html> | |||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"></script> | |||
<body> | |||
<canvas id="myChart" style="width:100%;max-width:600px"></canvas> | |||
<script> | |||
const xValues = ["Italy", "France", "Spain", "USA", "Argentina"]; | |||
const yValues = [55, 49, 44, 24, 15]; | |||
const barColors = ["red", "green","blue","orange","brown"]; | |||
new Chart("myChart", { | |||
type: "bar", | |||
data: { | |||
labels: xValues, | |||
datasets: [{ | |||
backgroundColor: barColors, | |||
data: yValues | |||
}] | |||
}, | |||
options: { | |||
legend: {display: false}, | |||
title: { | |||
display: true, | |||
text: "World Wine Production 2018" | |||
} | |||
} | |||
}); | |||
</script> | |||
</body> | |||
</html> |
Revision as of 02:27, 23 December 2023
Hello! I am MiniMapper, I don't do all too much here and count yourself as lucky if you find anything I have made. If you ever have a problem with a place I made please message me and I will try to fix it!
Loading map...
Rank | City | Province | Population | Area [km2] | Density |
---|---|---|---|---|---|
1 | Berbest∈⊾ | Berbest Block∈⊾ | 313271 | 49.071 | 6384 |
- f0f0f0
<!DOCTYPE html> <html> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"></script> <body>
<canvas id="myChart" style="width:100%;max-width:600px"></canvas>
<script> const xValues = ["Italy", "France", "Spain", "USA", "Argentina"]; const yValues = [55, 49, 44, 24, 15]; const barColors = ["red", "green","blue","orange","brown"];
new Chart("myChart", {
type: "bar", data: { labels: xValues, datasets: [{ backgroundColor: barColors, data: yValues }] }, options: { legend: {display: false}, title: { display: true, text: "World Wine Production 2018" } }
}); </script>
</body> </html>