# Vega-Lite different sizing

**URL:** <https://talk.observablehq.com/t/vega-lite-different-sizing/5867>\
**Category:** Feedback\
**Created:** [November 26, 2021, 3:03am UTC](https://talk.observablehq.com/t/vega-lite-different-sizing/5867 "2021-11-26T03:03:13Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![hellonearthis](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/hellonearthis/32/3935_2.png) [@hellonearthis](https://talk.observablehq.com/u/hellonearthis)\
**Post date:** [November 26, 2021, 3:03am UTC](https://talk.observablehq.com/t/vega-lite-different-sizing/5867/1 "2021-11-26T03:03:13Z")

</div>

I was just looking at [this notebook](https://observablehq.com/@observablehq/layers-facets-concat?collection=@observablehq/observable-for-vega-lite)  
and discovered that if I remove the `import { vl } from "@vega/vega-lite-api"` so the notebook uses vl library in observable, I get different size charts.

With `import { vl } from "@vega/vega-lite-api"`

 ![image](https://canada1.discourse-cdn.com/flex030/uploads/observablehq/original/2X/3/3a2602f28eff865bfbf5130b8c487ff058b16565.png)

Without `import { vl } from "@vega/vega-lite-api"`

 ![image](https://canada1.discourse-cdn.com/flex030/uploads/observablehq/original/2X/c/c0f5c5296ea4abc0384f797fec6deb88e75eaa5f.png)

---

<div class="post-metadata">

**Author:** ![mootari](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/mootari/32/581_2.png) [@mootari](https://talk.observablehq.com/u/mootari)\
**Post date:** [November 29, 2021, 6:27pm UTC](https://talk.observablehq.com/t/vega-lite-different-sizing/5867/2 "2021-11-29T18:27:47Z")

</div>

The imported `vl` is a wrapper that sets some default options: [Vega-Lite API v4 / Vega / Observable](https://observablehq.com/@vega/vega-lite-api#vl)

Observable’s `vl` (part of the `stdlib`) on the other hand is the “vanilla” library without any changes: [stdlib/dependencies.js at d0d4736bd206441aa3f54009760aab6297258c66 · observablehq/stdlib · GitHub](https://github.com/observablehq/stdlib/blob/d0d4736bd206441aa3f54009760aab6297258c66/src/dependencies.js#L14)