# Full source code of Observable page?

**URL:** <https://talk.observablehq.com/t/full-source-code-of-observable-page/4867>\
**Category:** Help\
**Created:** [April 2, 2021, 2:39pm UTC](https://talk.observablehq.com/t/full-source-code-of-observable-page/4867 "2021-04-02T14:39:44Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![arcoyk](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/arcoyk/32/4771_2.png) [@arcoyk](https://talk.observablehq.com/u/arcoyk)\
**Post date:** [April 2, 2021, 2:39pm UTC](https://talk.observablehq.com/t/full-source-code-of-observable-page/4867/1 "2021-04-02T14:39:44Z")

</div>

Hi,

I’m new to both D3.js and Observable.  
Thanks to the great work of Observable,  
I found many beautiful example here.

However, for a newbie, it’s frustrating that there is  
no simple way to get full source code of a page.

Is there any workaround?

Thanks

---

<div class="post-metadata">

**Author:** ![tophtucker](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/tophtucker/32/4781_2.png) [@tophtucker](https://talk.observablehq.com/u/tophtucker)\
**Post date:** [April 2, 2021, 5:22pm UTC](https://talk.observablehq.com/t/full-source-code-of-observable-page/4867/2 "2021-04-02T17:22:18Z")

</div>

Have you tried the “Download code” option in the notebook menu in the upper right?

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

This screenshot is from the beta version of Observable, in this case [https://next.observablehq.com/@d3/sortable-bar-chart](https://next.observablehq.com/@d3/sortable-bar-chart) (the “next.” at the start gets you the beta), but it’s also in ‘classic’ Observable.

That’s the compiled source of a notebook. I know it can look sort of intimidating, especially if you’re also new to D3; it’s not easy to copy and paste the whole thing directly into a different environment. We think the price is worth it, because it’s necessary to make Observable a nice reactive place to code, but it can definitely be frustrating! I once went through and annotated an example of what you get from that download, which might be helpful: [An Observable Notebook](http://www.tophtucker.com/observable-docco/index.js.html).

We also have embedding options for if you want to just e.g. paste in an iframe somewhere: [https://next.observablehq.com/@observablehq/introduction-to-embedding?collection=@observablehq/embedding-notebooks](https://next.observablehq.com/@observablehq/introduction-to-embedding?collection=@observablehq/embedding-notebooks)