Question

189

d3.js and document.onReady

rated 0 times [ 195] [ 6] / answers: 1 / hits: 20780 / 13 Years ago, wed, august 24, 2011, 12:00:00

I'm just getting started with d3.js and there is one detail which is completely eluding me: how do I have my code execute only after the DOM is ready to receive input?

I could, of course, use something like jQuery but that seems excessive.

In every d3.js example I've encountered there seems to be no special document.onReady() type of routine, yet all the examples work flawlessly. When testing code on my end, however, the code totally fails if executed before the DOM is ready (throwing my code into a window.onload confirms this).

What gives?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

xochitl

Add To Favorites

Follow

Total Points: 559

Total Questions: 95

Total Answers: 117

Location: Antigua and Barbuda

Member since Sat, Apr 24, 2021

3 Years ago

xochitl questions

1 Jest - [Function anonymous] in expect

Wed, Sep 30, 20, 00:00, 4 Years ago

1 How to fix this json email pattern

Thu, Apr 18, 19, 00:00, 5 Years ago

1 window.addEventListener on a message emitted from an iframe

Mon, Feb 4, 19, 00:00, 5 Years ago

1 Vue.js - how to have multiple inputs in a component

Sat, Dec 8, 18, 00:00, 6 Years ago

1 How do I make one div scroll slower or faster than other items on the page, using pure CSS or CSS/JS (without JQuery)?

Wed, Sep 12, 18, 00:00, 6 Years ago

View All

answered 13 Years ago alekgermanb · Accepted Answer

You'll notice in their examples that their javascript is below any of the html elements that is utilized so that part of the dom is loaded before it starts executing the javascript.

Simply putting your javascript at the bottom of the body is usually good enough.