html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer",
{
title:{
text: "My Skill Chart"
},
data: [
{
dataPoints: [
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
html {
margin: 0;
padding: 0;
}
body {
font-family: 'Handlee', cursive;
font-size: 13pt;
background-color: #5a8c94;
padding: 10px;
margin: 0;
}
h1 {
font-size: 15pt;
color: #20bcd5;
text-align: center;
padding: 18px 0 18px 0;
margin: 0 0 10px 0;
}
h1 span {
border: 4px dashed #20bcd5;
padding: 10px;
}
p {
padding: 0;
margin: 0;
}
.img-circle {
border: 3px solid white;
Enter to Rename, Shift+Enter to Preview
js
js
1
//the chart was made by CanvasJS.com but I'm making it better
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run