# Svelte and D3
```ts
export const observations = data.observations[0].data.db_data;
$: x = d3.scaleTime().domain(d3.extent(observations, (d) => new Date(d.datetime)));
$: y = d3.scaleLinear(d3.extent(observations, (d) => parseFloat(d.value)));
$: lineGenerator = d3
.line()
.x((d) => x(new Date(d.datetime)))
.y((d) => y(parseFloat(d.value)));
$: path = lineGenerator(observations);
```
First we set up out x and y axis.
For the x:
```ts
$: x = d3.scaleTime().domain(d3.extent(observations, (d) => new Date(d.datetime)));
```
We are plotting a time series so we use the scaleTime