Get started with timelinejs CDN
MPL-2.0 licensed
TimelineJS is an open-source web application for creating and displaying interactive, responsive timelines.
Tags:- timeline
Stable version
Copied!
How to start using timelinejs CDN
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/timeline3/css/timeline.css">
<title>Get started with timelinejs CDN - cdnhub.io</title>
</head>
<body>
<div id="timeline"></div>
<script src="https://cdn.cdnhub.io/timelinejs/3.9.3/js/timeline-min.js"></script>
<script>
const timeline = new vis.Timeline('timeline', {
start: '2020-01-01',
end: '2020-12-31'
});
const events = [
{
id: 'event1',
content: 'Event 1',
start: '2020-01-15',
end: '2020-01-20'
},
{
id: 'event2',
content: 'Event 2',
start: '2020-06-01',
end: '2020-06-10'
},
{
id: 'event3',
content: 'Event 3',
start: '2020-11-15',
end: '2020-11-20'
}
];
timeline.add({ events });
</script>
</body>
</html>
All versions
2.24
2.25
2.26.0
2.26.1
2.26.2
2.26.3
2.26.4
2.26.5
2.27.0
2.27.1
2.28.0
2.28.1
2.29.0
2.29.1
2.30.0
2.30.1
2.31.0
2.32.0
2.33.0
2.33.1
2.34.0
2.34.1
2.35.0
2.35.1
2.35.2
2.35.3
2.35.4
2.35.5
2.35.6
2.36.0
3.0.0
3.1.0
3.1.1
3.1.10
3.1.11
3.1.12
3.1.2
3.1.3
3.1.4
3.1.5
3.1.6
3.1.7
3.1.8
3.1.9
3.2.0
3.2.1
3.2.2
3.2.3
3.2.4
3.2.5
3.2.6
3.3.0
3.3.1
3.3.10
3.3.11
3.3.12
3.3.13
3.3.14
3.3.15
3.3.16
3.3.17
3.3.2
3.3.3
3.3.4
3.3.5
3.3.6
3.3.7
3.3.8
3.3.9
3.4.0
3.4.1
3.4.2
3.4.3
3.4.4
3.4.5
3.4.6
3.4.7
3.4.8
3.4.9
3.5.0
3.5.1
3.5.2
3.5.3
3.5.4
3.6.0
3.6.1
3.6.2
3.6.3
3.6.4
3.6.5
3.6.6
3.8.10
3.8.11
3.8.12
3.8.13
3.8.14
3.8.15
3.8.16
3.8.17
3.8.18
3.8.19
3.8.20
3.8.21
3.8.9
3.9.0
3.9.1
3.9.2
*** 3.9.3