Get started with c3 CDN
Stable version
Copied!
How to start using c3 CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with c3 CDN - cdnhub.io</title>
<style>
#chart {
width: 600px;
height: 400px;
}
</style>
</head>
<body>
<div id="chart"></div>
<script src="https://cdn.jsdelivr.net/npm/d3@5/dist/d3.min.js"></script>
<script src="https://cdn.cdnhub.io/c3/0.7.20/c3.min.js"></script>
<script>
const data = [
{ label: "Page A", value: [10, 15, 12, 17, 18] },
{ label: "Page B", value: [5, 10, 15, 12, 14] },
];
const chart = c3.generate({
bindto: "#chart",
data: {
columns: data.map((d) => d.label),
type: "line",
json: data,
},
axis: {
x: {
label: "Month",
type: "category",
},
y: {
label: "Page Views",
},
},
});
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
All versions
0.1.1
0.1.10
0.1.11
0.1.12
0.1.13
0.1.14
0.1.15
0.1.16
0.1.17
0.1.18
0.1.19
0.1.2
0.1.20
0.1.21
0.1.22
0.1.23
0.1.24
0.1.25
0.1.26
0.1.27
0.1.28
0.1.29
0.1.3
0.1.30
0.1.31
0.1.32
0.1.33
0.1.34
0.1.35
0.1.36
0.1.37
0.1.38
0.1.4
0.1.40
0.1.41
0.1.42
0.1.5
0.1.6
0.1.7
0.1.8
0.1.9
0.2.0
0.2.1
0.2.2
0.2.3
0.2.4
0.2.5
0.3.0
0.4.0
0.4.1
0.4.10
0.4.10-rc1
0.4.10-rc2
0.4.10-rc3
0.4.10-rc4
0.4.10-rc5
0.4.11
0.4.11-rc1
0.4.11-rc2
0.4.11-rc3
0.4.11-rc4
0.4.12
0.4.13
0.4.14
0.4.15
0.4.16
0.4.17
0.4.18
0.4.19
0.4.2
0.4.20
0.4.21
0.4.22
0.4.23
0.4.24
0.4.3
0.4.4
0.4.5
0.4.6
0.4.7
0.4.8
0.4.9
0.5.0
0.5.1
0.5.2
0.5.2-doc-test-0
0.5.3
0.5.4
0.6.0
0.6.1
0.6.10
0.6.11
0.6.12
0.6.13
0.6.14
0.6.2
0.6.3
0.6.4
0.6.5
0.6.6
0.6.7
0.6.8
0.6.9
0.7.0
0.7.1
0.7.10
0.7.11
0.7.12
0.7.13
0.7.14
0.7.15
0.7.16
0.7.17
0.7.18
0.7.2
*** 0.7.20
0.7.3
0.7.4
0.7.5
0.7.6
0.7.7
0.7.8
0.7.9