html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/nvd3/1.8.6/nv.d3.css">
<!-- Include d3.js first -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/nvd3/1.8.6/nv.d3.js"></script>
</head>
<body>
<div id="chart">
<svg></svg>
</div>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
body {
}
Enter to Rename, Shift+Enter to Preview
js
js
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
var data = [{
key: "No. of Learner",
values: [
{
"label": "HTML",
"value": 50
},
{
"label": "CSS",
"value": 30
},
{
"label": "Js",
"value": 80
},
{
"label": "C++",
"value": 30
},
{
"label": "Java",
"value": 90
},
{
"label": "Python",
"value": 120
},
{
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run