Skip to content
This repository has been archived by the owner on Jan 16, 2019. It is now read-only.

Basic D3.js JS

Jump to bottom
Falk Schuetzenmeister edited this page Mar 4, 2015 · 2 revisions

Since we decided to do this yesterday it will be somewhat a ad-hoc introduction. I will mostly cover the DOM manipulation capabilities of D3.js (and exemplify them with some graphic examples).

[Three little circles] (http://bost.ocks.org/mike/circles/) is always a good start. See also http://bost.ocks.org/mike/bar/ and of course d3js.org

Javascript is a somewhat crazy language mainly because it has an enormous flexibility. You can easily get started in a few hours but it takes a lot of time to master it. Always a good video to see what you get you self into http://googlecode.blogspot.com/2009/03/doug-crockford-javascript-good-parts.html. It used to be a five part thing but now you have to pay for the full version, bummer.

Here are a few things, we will probably not touch today but they are good to know (or at least heard of) when you start to deal with JavaScript ...

  • client-side vs. server-side code execution
  • static web pages vs. web applications
  • DOM manipulation
  • JS frameworks, such as JQuery, D3, and many more
  • scope (aka pain in the butt)
  • asynchronous code execution/loading
  • events
  • software patterns, e.g. singleton
  • prototypical inheritance
  • closure
  • callback function
  • CORS

Here is the cleaned up code from yesterday's session.

http://bl.ocks.org/postfalk/f0d3ceddd49f0c6fa029

Clone this wiki locally