---
title: "JavaScript Timeline Example | LemonadeJS v5"
description: "LemonadeJS v5 archive. LemonadeJS Timeline is a framework-agnostic JavaScript plugin that can be used with pure JavaScript but also integrated perfectly with."
source: https://lemonadejs.com/docs/v5/plugins/timeline/example/
---

JavaScript Timeline
===============

LemonadeJS Timeline is a framework-agnostic JavaScript plugin that offers integration with **Vue**, **React**, and **Angular**. If you wish to know more about the attributes and options, please visit the [JavaScript Timeline Documentation](/docs/v5/plugins/timeline/).

```html
<div id="root"></div>

<script>
const root = document.getElementById("root")

let data = [];
for (let i = 0; i < 500; i++) {
    data.push({
        date: faker.date.between(new Date(2023, 0, 1), new Date(2023, 11, 31)),
        title: faker.commerce.productName(),
        subtitle: faker.commerce.department(),
        description: faker.commerce.productName(),
    })
}

const timeline = Timeline(root, {
    data: data,
    type: 'monthly',
    align: 'left',
    width: 500,
    height: 500,
})
</script>
```