# Bar chart with dates

**URL:** <https://talk.observablehq.com/t/bar-chart-with-dates/6194>\
**Category:** Help\
**Created:** [February 9, 2022, 11:13pm UTC](https://talk.observablehq.com/t/bar-chart-with-dates/6194 "2022-02-09T23:13:31Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![mbostock](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/mbostock/32/9_2.png) [@mbostock](https://talk.observablehq.com/u/mbostock)\
**Post date:** [February 10, 2022, 3:54am UTC](https://talk.observablehq.com/t/bar-chart-with-dates/6194/3 "2022-02-10T03:54:24Z")

</div>

This is the intended use of the _interval_ transform. For example:

```nohighlight
Plot.plot({
  marks: [
    Plot.rectY(dataWithparsedDates, {
      x: "date",
      interval: d3.utcDay,
      y: "volume",
      fill: "magenta"
    })
  ]
})

```

For more on the interval transform:

> **[Interval Transform / Observable Plot](https://observablehq.com/@observablehq/plot-interval)**
>
> The interval transform turns a discrete value into an interval start, stop. For example, if value is an instant in time, the interval transform could return a start of UTC midnight and a stop of the UTC midnight the following day. The interval...

---

_[View the full topic](https://talk.observablehq.com/t/bar-chart-with-dates/6194)._