# Converting standart D3 code into ObservableHQ

**URL:** <https://talk.observablehq.com/t/converting-standart-d3-code-into-observablehq/2119>\
**Category:** Help\
**Created:** [July 7, 2019, 2:05pm UTC](https://talk.observablehq.com/t/converting-standart-d3-code-into-observablehq/2119 "2019-07-07T14:05:42Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![bgchen](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/bgchen/32/784_2.png) [@bgchen](https://talk.observablehq.com/u/bgchen)\
**Post date:** [July 7, 2019, 6:10pm UTC](https://talk.observablehq.com/t/converting-standart-d3-code-into-observablehq/2119/6 "2019-07-07T18:10:36Z")

</div>

I linked to some hopefully helpful resources / examples [in this recent thread](https://talk.observablehq.com/t/i-want-to-learn-d3-i-don-t-want-to-learn-observable-is-that-ok/1957/7) (though the focus there is mostly on going in the other direction, from Observable to standalone JS).

Early on, when I was learning both D3 and Observable, I wrote this notebook, which tries to explain the steps I took in converting a block to Observable:

> **["Force Update Pattern" in Observable](https://observablehq.com/@bryangingechen/force-update-pattern-in-observable)**
>
> An Observable notebook by Bryan Gin-ge Chen.

You can find a bunch of other examples where folks converted ordinary JS / HTML to Observable notebooks if you search for notebooks containing “bl.ocks.org”.

---

_[View the full topic](https://talk.observablehq.com/t/converting-standart-d3-code-into-observablehq/2119)._