Hands-on D3 (1 day workshop)

D3 has become the de-facto JavaScript library for building browser-based data visualisations. It can be seen as a library of components for building data visualisations, helping with tasks such as loading data into the browser, binding data to DOM elements, creating scales and axes and handling animation. It also has components for visualising geographic data, tree structures and networks.

Eventbrite - Hands-on D3 Workshop

Workshop content

This one day workshop covers the fundamentals of D3 in detail using an example based approach. You'll be provided with code examples and we'll work through them one by one covering the following:

  • Selections
  • Data binding
  • Enter and exit
  • Update loop
  • Scalable Vector Graphics (SVG)
  • Scale functions
  • Axes
  • Building a scatter plot

Periodically there will be exercises based on the above topics where you'll get a chance to write D3 code yourself and I'll give 1-to-1 help.

Who it's aimed at

This workshop is primarily aimed at programmers or analysts who want to start learning D3. You may've looked at some D3 examples already but are struggling to understand them or are wanting to attain a deeper understanding of the fundamentals. It's recommended that you've done some programming before.


You're fairly comfortable with HTML, CSS and JavaScript e.g. you've used jQuery a bit and are happy using functions such as .click(). If you're not sure if you're ready for this workshop please get in touch and we can discuss. You'll need to bring a laptop with a modern browser such as Chrome and a code editor such as Sublime Text.


Typically the workshop will be held in a comfortable and central setting. Tea, coffee and water will be provided.

Cancellation policy

Places may be cancelled up to 2 weeks before the workshop.

Eventbrite - Hands-on D3 Workshop

If you'd like to be informed when I schedule workshops, please sign up to my newsletter.

Back to all workshops.