Online Data Visualisation (D3.js) (online training)

PRICE

€ 299 (VAT exempt)

FOR WHO

The workshop is for those who are new to D3.js or who have played around a bit but haven’t made their own visualisation from scratch. The goal is to get an intuitive understanding of D3’s core concepts and equip participants with the tools to explore and learn the rest of the library on their own. Some prior familiarity with HTML / CSS / Javascript is assumed.

PRACTICAL INFORMATION

-
Sign up
Ask more info
E-mail this

Training Online Data Visualisation (D3.js)

D3 — also known as d3.js — is the most powerful tool for creating custom data visualisations on the web. You can use D3 to create anything from simple bar charts to complex, interactive mapping applications. Sure, there are easier ways to visualise data on the web, but when you need full control over a custom and interactive graphic, D3 is the only way to go.

The challenge is that D3 can be a bit… counterintuitive at first. This workshop will get you comfortable with “the D3 way,” which includes D3’s core concepts of binding data to elements in the DOM. You’ll learn what the DOM is (if that’s new for you, don’t be scared!), and how to use D3 to create and manipulate graphics, to render your charts in the browser.

Participants will leave this workshop:
  • comfortable with “the D3 way”
  • loading their own data into the browser
  • creating charts, dynamically created from data
    • Sign up

    Content

    Each session includes lots of time for questions and personal feedback.

    Day 1: We learn the basics of D3’s unique approach, along with an introduction to Scalable Vector Graphics, to create our first charts!
  • Loading data
  • Creating new DOM elements & binding data to them
  • SVG basics & creating SVG DOM elements from data
  • Our first simple chart!

    • Day 2: We dive into d3 and show how the scatter plot could be created using d3. Homework is to create a chart of your own choosing.
  • Dynamic scales and axes
  • Transitions
  • Interactivity (oooo!)

    • Day 3: Today is all about BYOD: Bring Your Own Data! Bring your own, real-life data set. We’ll get the data loaded into the browser and have you on your way creating custom charts with it.


    Practical information
    This workshop is for those new to D3 but with some prior familiarity with HTML, CSS, and JavaScript. You don’t need in-depth JavaScript skills — but you have coded simple web pages before, using HTML for structure, CSS for styling, and some JavaScript for dynamic or interactive features.

    Although you’ve tinkered with JavaScript, you may not have created your own web-based data visualisations before. You *have* used other no-code visualisation tools outside of the browser, such as Tableau or Excel.

    The training will be online, facilitated over video using Zoom or a similar platform. Code examples will be provided.

    Trainer

    OLYMPUS DIGITAL CAMERA
    Scott Murray translates technical concepts for “non-technical” people. As a data designer, analyst, and visualiser, Scott draws on his expertise in design, code, teaching, and learning to cultivate an inclusive, warm, and friendly learning environment.

    Scott wrote the first comprehensive introduction to D3 (Interactive Data Visualization for the Web - now in its second edition) and Unstuck: JavaScript. He enjoys silly solutions to serious problems.