# Handy Embed Notebook problem

**URL:** <https://talk.observablehq.com/t/handy-embed-notebook-problem/3268>\
**Category:** Help\
**Created:** [May 12, 2020, 2:45am UTC](https://talk.observablehq.com/t/handy-embed-notebook-problem/3268 "2020-05-12T02:45:34Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![dara](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/dara/32/3057_2.png) [@dara](https://talk.observablehq.com/u/dara)\
**Post date:** [May 12, 2020, 2:45am UTC](https://talk.observablehq.com/t/handy-embed-notebook-problem/3268/1 "2020-05-12T02:45:34Z")

</div>

For starter I used the notebook

> **[COVID-19 in the U.S.](https://observablehq.com/@ccnlog/covid-19-in-the-u-s)**
>
> An Observable notebook by CCN/CDN/LOG.

Unpublished handy notebook

> **[Observable](https://observablehq.com/d/152856fca7afb829)**
>
> The magic notebook for visualization.

Then I ran

> **[Handy Embed Code Generator](https://observablehq.com/@jashkenas/handy-embed-code-generator)**
>
> An Observable notebook by Jeremy Ashkenas.

And the following is the embed code which does not properly display chart1 and chart5 and renders with black background

Below the embed code.

I get a feeling I am not including all the necessary pieces? I clicked on some of the check buttons but not getting issue resolved.

---

<div class="post-metadata">

**Author:** ![j-f1](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/j-f1/32/368_2.png) [@j-f1](https://talk.observablehq.com/u/j-f1)\
**Post date:** [May 12, 2020, 12:58pm UTC](https://talk.observablehq.com/t/handy-embed-notebook-problem/3268/2 "2020-05-12T12:58:04Z")

</div>

I think the notebook has to be shared or published for the embed to work. Alternatively, you can make an api key and use that to embed a private notebook.

---

<div class="post-metadata">

**Author:** ![dara](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/dara/32/3057_2.png) [@dara](https://talk.observablehq.com/u/dara)\
**Post date:** [May 12, 2020, 12:59pm UTC](https://talk.observablehq.com/t/handy-embed-notebook-problem/3268/3 "2020-05-12T12:59:41Z")

</div>

Which notebook, the original COVID is published and public unless I am mistaken?

---

<div class="post-metadata">

**Author:** ![j-f1](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/j-f1/32/368_2.png) [@j-f1](https://talk.observablehq.com/u/j-f1)\
**Post date:** [May 12, 2020, 1:01pm UTC](https://talk.observablehq.com/t/handy-embed-notebook-problem/3268/4 "2020-05-12T13:01:47Z")

</div>

Can you edit your original post to include a code block? There might be some clues there but I can’t see the code because it’s being treated as HTML.

---

<div class="post-metadata">

**Author:** ![dara](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/dara/32/3057_2.png) [@dara](https://talk.observablehq.com/u/dara)\
**Post date:** [May 12, 2020, 1:06pm UTC](https://talk.observablehq.com/t/handy-embed-notebook-problem/3268/5 "2020-05-12T13:06:23Z")

</div>

Thanx for the help, try again see if you can see the code

---

<div class="post-metadata">

**Author:** ![j-f1](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/j-f1/32/368_2.png) [@j-f1](https://talk.observablehq.com/u/j-f1)\
**Post date:** [May 12, 2020, 1:07pm UTC](https://talk.observablehq.com/t/handy-embed-notebook-problem/3268/6 "2020-05-12T13:07:19Z")

</div>

I still can’t see it unfortunately

---

<div class="post-metadata">

**Author:** ![dara](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/dara/32/3057_2.png) [@dara](https://talk.observablehq.com/u/dara)\
**Post date:** [May 12, 2020, 1:08pm UTC](https://talk.observablehq.com/t/handy-embed-notebook-problem/3268/7 "2020-05-12T13:08:19Z")

</div>

Ok then I do not know what I am doing wrong, thanx please do not waste your time.

---

<div class="post-metadata">

**Author:** ![mcmcclur](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/mcmcclur/32/2364_2.png) [@mcmcclur](https://talk.observablehq.com/u/mcmcclur)\
**Post date:** [May 12, 2020, 6:14pm UTC](https://talk.observablehq.com/t/handy-embed-notebook-problem/3268/8 "2020-05-12T18:14:53Z")

</div>

If you’d like for others to be able to see your unpublished notebook, you’ll need to either “publish” it or “share” it. You’ve published some notebooks before so I guess you know how to do that. You can also “share” notebooks. This is like a lower level version of publishing that makes the notebook public but doesn’t give it a permanent name, doesn’t get pushed to the front page, and doesn’t appear on your public profile. To do so, simply press the three dot menu in the upper right of your window. You should see something that looks like the following:

![Screen Shot 2020-05-12 at 2.08.57 PM](https://canada1.discourse-cdn.com/flex030/uploads/observablehq/original/2X/b/bef7006fa10bc399eed883f657b7c2bbf1d5e3f5.png)

Now, just select “Enable link sharing”. You might need to update the link in this topic as well.

---

<div class="post-metadata">

**Author:** ![dara](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/dara/32/3057_2.png) [@dara](https://talk.observablehq.com/u/dara)\
**Post date:** [May 12, 2020, 6:17pm UTC](https://talk.observablehq.com/t/handy-embed-notebook-problem/3268/9 "2020-05-12T18:17:00Z")

</div>

Thanx, I am still lost with the setup here, the names are familiar but the functionality is slightly different and I am vrooming thru this to a finish line, so if you see any improvements let me know.

I will assign another kid from our programmers to do this very sooon.

Thanx

---

<div class="post-metadata">

**Author:** ![dara](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/dara/32/3057_2.png) [@dara](https://talk.observablehq.com/u/dara)\
**Post date:** [May 12, 2020, 7:36pm UTC](https://talk.observablehq.com/t/handy-embed-notebook-problem/3268/10 "2020-05-12T19:36:55Z")

</div>

I published the notebook and shared link and the categories for STEP 2 vanish!

Please use this in the submit button

@ccnlog/covid-19-in-the-u-s

Please click on

viewof selectedState  
viewof selectedDate  
chart1  
chart5
