diff --git a/packages/preview/kebab-chart/0.2.0/LICENSE b/packages/preview/kebab-chart/0.2.0/LICENSE
new file mode 100644
index 0000000000..8dc12cd087
--- /dev/null
+++ b/packages/preview/kebab-chart/0.2.0/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Tristan Guichaoua
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/packages/preview/kebab-chart/0.2.0/README.md b/packages/preview/kebab-chart/0.2.0/README.md
new file mode 100644
index 0000000000..efc4d0bd58
--- /dev/null
+++ b/packages/preview/kebab-chart/0.2.0/README.md
@@ -0,0 +1,47 @@
+# Kebab Chart
+
+[![Typst Universe](https://img.shields.io/badge/Typst-Universe-239dad)](https://typst.app/universe/package/kebab-chart/)
+[![Repo](https://img.shields.io/badge/GitHub-repo-444)](https://github.com/tguichaoua/kebab-chart)
+[![Development version](https://img.shields.io/badge/dynamic/toml?url=https%3A%2F%2Fgithub.com%2Ftguichaoua%2Fkebab-chart%2Fraw%2Fmain%2Ftypst.toml&query=package.version&label=main&color=444)](https://github.com/tguichaoua/kebab-chart/tree/main)
+[![Manual](https://img.shields.io/badge/docs-manual.pdf-orange)](docs/manual.pdf?raw=true)
+
+Kebab chart is a typst package to display time range chart.
+
+## Examples
+
+Checkout the [repository](https://github.com/tguichaoua/kebab-chart/tree/main/gallery) for the source code of the following examples:
+
+### A simple chart
+
+![simple kebab chart](./gallery/simple.png)
+
+### Product development cycles
+
+![development cycle example](./gallery/development_cycles.png)
+
+## Usage
+
+Here a simple usage:
+
+```typst
+#import "@preview/kebab-chart:0.2.0": kebab-chart
+
+#kebab-chart(
+  ticks: 5,
+
+  (
+    (
+      spans: (
+        (start: datetime(year: 2025, month: 1, day: 1), end: datetime(year: 2025, month: 1, day: 10)),
+        (start: datetime(year: 2025, month: 2, day: 2), end: datetime(year: 2025, month: 2, day: 7)),
+      ),
+    ),
+    (
+      spans: (
+        (start: datetime(year: 2025, month: 1, day: 7), end: datetime(year: 2025, month: 1, day: 17)),
+        (start: datetime(year: 2025, month: 1, day: 28), end: datetime(year: 2025, month: 2, day: 9)),
+      ),
+    ),
+  ),
+)
+```
diff --git a/packages/preview/kebab-chart/0.2.0/docs/manual.pdf b/packages/preview/kebab-chart/0.2.0/docs/manual.pdf
new file mode 100644
index 0000000000..2e286a2081
Binary files /dev/null and b/packages/preview/kebab-chart/0.2.0/docs/manual.pdf differ
diff --git a/packages/preview/kebab-chart/0.2.0/gallery/development_cycles.png b/packages/preview/kebab-chart/0.2.0/gallery/development_cycles.png
new file mode 100644
index 0000000000..38267b25a0
Binary files /dev/null and b/packages/preview/kebab-chart/0.2.0/gallery/development_cycles.png differ
diff --git a/packages/preview/kebab-chart/0.2.0/gallery/simple.png b/packages/preview/kebab-chart/0.2.0/gallery/simple.png
new file mode 100644
index 0000000000..495834b917
Binary files /dev/null and b/packages/preview/kebab-chart/0.2.0/gallery/simple.png differ
diff --git a/packages/preview/kebab-chart/0.2.0/src/chart.typ b/packages/preview/kebab-chart/0.2.0/src/chart.typ
new file mode 100644
index 0000000000..6642d12689
--- /dev/null
+++ b/packages/preview/kebab-chart/0.2.0/src/chart.typ
@@ -0,0 +1,367 @@
+#import "@preview/cetz:0.4.2"
+
+/// A time range chart with multiple lines and spans per line.
+///
+/// `ticks` and `bookmarks` may accept a function that received a dictionary with the following values:
+/// - `visible-start`: The datetime of the left-most horizontal position
+/// - `visible-end`: The datetime of the right-most horizontal position
+/// - `data-start`: The earliest datetime of the entries from `data`
+/// - `data-end`: The latest datetime of the entries from `data`
+///
+#let kebab-chart(
+  /// Ticks on the x-axis.
+  ///
+  /// Can be one of:
+  /// - a number of ticks
+  /// - a list of ticks
+  /// - a function that returns a list of ticks.
+  ///
+  /// A tick can be either a datetime or a dictionary with the following values:
+  /// - `date`: The position of tick on the x-axis
+  /// - `content`: The content used displayed under the tick
+  /// - `color`: Override the color used to display the tick
+  /// -> int | array | func
+  ticks: 10,
+  /// The format used to display tick datetime.
+  ///
+  /// -> str
+  date-format: "[day] [month repr:short]",
+  /// The earliest date to show.
+  ///
+  /// If set to `auto`, use the earliest datetime from `data`.
+  /// -> datetime | auto
+  start-date: auto,
+  /// The latest date to show.
+  ///
+  /// If set to `auto`, use the latest datetime from `data`.
+  /// -> datetime | auto
+  end-date: auto,
+  /// A padding applied to `start-date` and `end-date` to determines the visible range of dates.
+  ///
+  /// -> duration
+  date-padding: duration(weeks: 1),
+  /// The width the canvas will occupied.
+  /// -> length
+  width: 10cm,
+  /// The height of the spans
+  /// -> length
+  span-height: 0.3cm,
+  /// Spaces between each "kebab" lines.
+  /// -> length
+  vertical-padding: 0.6,
+  /// A list or a function that returns a list of bookmarks.
+  ///
+  /// A bookmark is a dictionary with the following values:
+  /// - `date`: a datetime or an array of two datetimes.
+  /// - `position`: Either `"above"` or `"below"` (default to `"above"`), the layer on which the bookmark is rendered.
+  /// - `stroke`: The stroke used to render the bookmark.
+  /// - `fill`: The fill used to render the bookmark.
+  /// - `content`: Facultative content rendered above the bookmark.
+  ///
+  /// -> array | func
+  bookmarks: (),
+  /// Which sides on which render the data's labels.
+  ///
+  /// -> "left" | "right" | "both" | none
+  label-side: "both",
+  /// If not `none`, shows the weekday above the charts.
+  ///
+  /// Expect to be an array with 7 items (one for each weekdays).
+  ///
+  /// -> none | auto | array
+  weekdays: none,
+  /// The data used to defined each "kebab" and each time span.
+  ///
+  /// An array of dictionary with the following properties:
+  /// - `label`: a label displayed on the side.
+  /// - `spans`: a list of time spans.
+  ///
+  /// Span is a dictionary with the following properties:
+  /// - `start`: a datetime that defined the start of the span.
+  /// - `end`: a datetime that defined the end of the span.
+  /// - `stroke`: the stoke used to render the span.
+  /// - `fill`: the fill used to render the span.
+  ///
+  /// -> array
+  data,
+) = context {
+  cetz.canvas({
+    import cetz.draw: *
+
+    let LABEL-PADDING = 0.2cm
+
+    /* -------------------------------------------------------------------------- */
+    assert(type(data) == array, message: "'data' is expected to be an array")
+    /* -------------------------------------------------------------------------- */
+    let VALID-LABEL-SIDE = (none, "both", "right", "left")
+    assert(
+      VALID-LABEL-SIDE.contains(label-side),
+      message: "'label-side' is expected to be one of " + repr(VALID-LABEL-SIDE),
+    )
+    /* -------------------------------------------------------------------------- */
+    let weekdays = weekdays
+    if weekdays == auto {
+      weekdays = ("M", "T", "W", "T", "F", "S", "S")
+    }
+    assert(
+      weekdays == none or (type(weekdays) == array and weekdays.len() == 7),
+      message: "invalid value for 'weekdays', expected `none` or a array with 7 elements",
+    )
+    /* -------------------------------------------------------------------------- */
+
+    let data-start-dt = start-date
+    let data-end-dt = end-date
+
+    if data-start-dt == auto {
+      let min-date = datetime(year: 5000, month: 12, day: 31)
+      for entry in data {
+        for span in entry.spans {
+          if span.start < min-date {
+            min-date = span.start
+          }
+        }
+      }
+
+      data-start-dt = min-date
+    }
+
+    if data-end-dt == auto {
+      let max-date = datetime(year: 1900, month: 1, day: 1)
+      for entry in data {
+        for span in entry.spans {
+          if span.end > max-date {
+            max-date = span.end
+          }
+        }
+      }
+
+      data-end-dt = max-date
+    }
+
+    assert(type(data-start-dt) == datetime, message: "'start-date' is expected to be a datetime")
+    assert(type(data-end-dt) == datetime, message: "'end-date' is expected to be a datetime")
+
+    let visible-start-dt = data-start-dt - date-padding
+    let visible-end-dt = data-end-dt + date-padding
+
+    let DATES = (
+      visible-start: visible-start-dt,
+      visible-end: visible-end-dt,
+      data-start: data-start-dt,
+      data-end: data-end-dt,
+    )
+
+    /* -------------------------------------------------------------------------- */
+    let ticks = ticks
+    if type(ticks) == int {
+      let tick-duration = (data-end-dt - data-start-dt) / (ticks - 1)
+      ticks = range(0, ticks).map(i => data-start-dt + i * tick-duration)
+    } else if type(ticks) == function {
+      ticks = ticks(DATES)
+    }
+    assert(type(ticks) == array)
+    /* -------------------------------------------------------------------------- */
+    let bookmarks = bookmarks
+    if type(bookmarks) == function {
+      bookmarks = bookmarks(DATES)
+    }
+    assert(type(bookmarks) == array)
+    /* -------------------------------------------------------------------------- */
+
+    let labels-width = 0pt
+    if label-side != none {
+      for e in data {
+        if "label" in e {
+          let (width,) = measure(e.label)
+          if width > labels-width {
+            labels-width = width
+          }
+        }
+      }
+    }
+    labels-width += LABEL-PADDING
+    if label-side == "both" {
+      labels-width *= 2
+    }
+
+    /* -------------------------------------------------------------------------- */
+
+    let UNIT-PER-DAYS = (width - labels-width) / (visible-end-dt - visible-start-dt).days()
+
+    let dt-to-x(dt, start: visible-start-dt) = (dt - start).days() * UNIT-PER-DAYS
+
+    let is-date-visible(dt) = dt >= visible-start-dt and dt <= visible-end-dt
+
+    let bar(start, end, y, ..params) = {
+      let a = dt-to-x(start)
+      let b = dt-to-x(end, start: start)
+      rect((a, y), (rel: (b, span-height)), anchor: "north", ..params)
+    }
+
+    let RIGHT = dt-to-x(visible-end-dt)
+
+    /* -------------------------------------------------------------------------- */
+
+    // Display the "kebabs"
+    // The y-axis is rendered from "0" toward negative values
+    // so that "kebabs" are ordered top to bottom
+    for (i, entry) in data.enumerate() {
+      let y = -i * vertical-padding
+
+      if "label" in entry {
+        if label-side == "both" or label-side == "left" {
+          content(
+            (0, y),
+            anchor: "east",
+            padding: (right: LABEL-PADDING),
+            entry.label,
+          )
+        }
+        if label-side == "both" or label-side == "right" {
+          content(
+            (RIGHT, y),
+            anchor: "west",
+            padding: (left: LABEL-PADDING),
+            entry.label,
+          )
+        }
+      }
+
+      line((0, y), (RIGHT, y), stroke: (dash: "dashed", thickness: 0.5pt))
+
+      for span in entry.spans {
+        let fill = span.at("fill", default: auto)
+        let stroke = span.at("stroke", default: auto)
+        bar(
+          span.start,
+          span.end,
+          y,
+          fill: fill,
+          stroke: stroke,
+        )
+      }
+    }
+
+    /* -------------------------------------------------------------------------- */
+
+    // Reset the origin so that to bottomest "kebab" is near "0"
+    let n = data.len()
+    let TOP = (n + 1) * vertical-padding
+    set-origin((0, -(n - 0.5) * vertical-padding - 0.5))
+
+    // Display the vertical and horizontals axes
+    line((0, 0), (0, TOP))
+    line((0, 0), (RIGHT, 0))
+    line((RIGHT, 0), (RIGHT, TOP))
+
+    /* -------------------------------------------------------------------------- */
+
+    for tick in ticks {
+      let dt
+      let tick-content
+      let color
+
+      if type(tick) == datetime {
+        dt = tick
+        tick-content = dt.display(date-format)
+        color = auto
+      } else if type(tick) == dictionary {
+        dt = tick.at("date")
+        tick-content = tick.at("content")
+        color = tick.at("color", default: auto)
+      } else {
+        panic("invalid tick")
+      }
+
+      if not is-date-visible(dt) {
+        continue
+      }
+
+      let x = dt-to-x(dt)
+
+      move-to((x, 0))
+      line(
+        (rel: (0, -0.2)),
+        (rel: (0, 0.4)),
+        stroke: (paint: color),
+      )
+      content((x, 0), anchor: "north", padding: (top: 0.4cm), tick-content)
+    }
+
+    /* -------------------------------------------------------------------------- */
+
+    // Display the bookmarks
+    for mark in bookmarks {
+      // assert the bookmark is visible
+      if type(mark.date) == datetime {
+        if not is-date-visible(mark.date) {
+          continue
+        }
+      } else {
+        let (start, end) = mark.date
+        if end <= visible-start-dt or start >= visible-end-dt {
+          continue
+        }
+      }
+
+      let layer = mark.at("position", default: auto)
+      let layer = if layer == "below" { -1 } else { 1 }
+
+      on-layer(layer, {
+        if type(mark.date) == datetime {
+          let x = dt-to-x(mark.date)
+          line((x, 0), (x, TOP), stroke: mark.at("stroke", default: auto))
+          if "content" in mark {
+            content(
+              (x, TOP),
+              anchor: "south",
+              padding: (bottom: 0.15cm),
+              mark.content,
+            )
+          }
+        } else {
+          let (start, end) = mark.date
+          if start < visible-start-dt {
+            start = visible-start-dt
+          }
+          if end > visible-end-dt {
+            end = visible-end-dt
+          }
+
+          let start = dt-to-x(start)
+          let end = dt-to-x(end)
+          rect(
+            (start, 0),
+            (end, TOP),
+            fill: mark.at("fill", default: auto),
+            stroke: mark.at("stroke", default: auto),
+          )
+        }
+      })
+    }
+
+    /* -------------------------------------------------------------------------- */
+
+    if weekdays != none {
+      let i = visible-start-dt
+
+      while i < visible-end-dt {
+        let a = dt-to-x(i)
+        let b = dt-to-x(i + duration(days: 1))
+
+        rect(
+          (a, TOP),
+          (b, TOP + 0.4),
+        )
+        content(
+          ((a + b) / 2, TOP + 0.2),
+          text(size: .7em, weekdays.at(i.weekday() - 1)),
+        )
+
+        i += duration(days: 1)
+      }
+    }
+
+    /* -------------------------------------------------------------------------- */
+  })
+}
diff --git a/packages/preview/kebab-chart/0.2.0/src/lib.typ b/packages/preview/kebab-chart/0.2.0/src/lib.typ
new file mode 100644
index 0000000000..430dca5996
--- /dev/null
+++ b/packages/preview/kebab-chart/0.2.0/src/lib.typ
@@ -0,0 +1 @@
+#import "chart.typ": kebab-chart
diff --git a/packages/preview/kebab-chart/0.2.0/typst.toml b/packages/preview/kebab-chart/0.2.0/typst.toml
new file mode 100644
index 0000000000..42a02acc75
--- /dev/null
+++ b/packages/preview/kebab-chart/0.2.0/typst.toml
@@ -0,0 +1,11 @@
+[package]
+name = "kebab-chart"
+version = "0.2.0"
+repository = "https://github.com/tguichaoua/kebab-chart"
+entrypoint = "src/lib.typ"
+authors = ["Tristan Guichaoua <https://github.com/tguichaoua>"]
+categories = ["visualization"]
+license = "MIT"
+description = "Chart for temporal span representation"
+keywords = ["chart", "time"]
+exclude = ["/gallery/*", "docs/*"]