d3.js v4
Join us for an Awesome Workshop on:

d3.js v4

March 31, 2017 - 9:30am to 4:30pm Central US Time

RSVP to Attend Online

Live and in Full HD
OR

Join in Person

From Downtown Minneapolis, MN

You're Registered to Attend Online!

March 31, 2017 - 9:30am to 4:30pm Central US Time

This Workshop's Online Chatroom is Currently Open!

March 31, 2017 - 9:30am to 4:30pm Central US Time

You can watch video of this workshop!

d3.js v4

Some Key Takeaways!

By coding along with us in the Workshop, you'll:

  • Learn how to navigate the D3 API reference, and the bl.ocks ecosystem
  • Understand selections and how they work under the hood
  • Get your hands on data binding and how that works with the enter-update-exit pattern
  • Experience building a full chart with scales, axis, and legends
  • Gain an understanding of D3 layouts, in particular hierarchy or force layout

Your (Awesome) Instructor

Shirley Wu

Shirley Wu

Shirley Wu is currently a freelance consultant specializing in data visualization. Previously, she was a software engineer at security company Illumio working on an interesting part of the product called Illumination, a visualization of application traffic and visual tools for writing security policy on top of them. Most recently, Shirley has worked on An Interactive Visualization of Every Line in Hamilton, The Political Brain, Four Years of Vacations in 20,000 colors, and film flowers, and is part of the ongoing data sketches project. She is a co-organizer of the Bay Area D3.js User Group as well as the annual d3.unconf, and has spoken about her work at OpenVis Conf, BackboneConf, and various meetups.

Spend the Day Immersed With a Leading Data Visualization Master

Workshop Details

We'll start by looking at the D3 documentation, which is vast and very thorough, but could be overwhelming to navigate. I'll point out how the docs are structured, and also explore the bl.ocks and blockbuilder ecosystems and how to use them to our advantage. After that, we'll dive right into the code, starting with how D3 selections and data binding work under the hood. After we have a good grasp of those concepts, we'll use enter-append to create our first no-frills bar chart. We'll learn scales and axes to annotate our previous chart, then learn update/merge and exit-remove to transition the chart between different data states. Finally, we'll go beyond the bar chart and learn how to create trees and network diagrams with D3's hierarchy and force layouts.

Daily Schedule

We've already held over 150 workshops with thousands of attendees in-person and online. In this time we've discovered ways to schedule the day, so it goes smoothly and efficiently. Regardless if you're in-person or participating with us online you'll have the full ability to replay things you missed, get your questions answered LIVE and interact with the teacher throughout the day.

  • 9:30AM
    Tech Check and Hello
  • 10:00AM
    Intro: D3 API reference, bl.ocks ecosystem
  • 10:30AM
    Selections and data binding
  • 11:30AM
    Scales and axes
  • 12:00PM
    Colors and shapes
  • 12:30PM
    Exercise
  • 1:30PM
    Lunch
  • 2:15PM
    Update and exit
  • 2:45PM
    Transitions
  • 3:00PM
    Exercise
  • 3:30PM
    Hierarchy and force layouts
  • 4:00PM
    More D3 modules to explore
Expand...

Interact with the Instructor - Online & In-Person

Get Your Questions Answered • Code Along with the Class • Classroom Format

Is This Workshop for Me?

Summary

This workshop is for those that are new to D3.js, or have tweaked the example bl.ocks but haven't yet made their own visualizations from scratch. The goal is to gain an intuitive understanding of D3's core concepts and how they work under the hood, as to equip the participant with the tools to explore and learn the rest of the library on their own. To that end, this workshop isn't meant to be a comprehensive introduction to the whole D3 library, but rather a deep dive into specific core modules.

Any Prerequisites?

  • The participant should have working knowledge of Javascript, as well as HTML and CSS.
  • They should have a basic understanding of SVG shapes and their attributes, in particular rect, circle, and line to complete the exercises.

Event Details

What

One Full Day Workshop Session

Replay Videos (available immediately)

When

March 31, 2017 - 9:30am to 4:30pm Central US Time

Where

Option 1: Attend online on our full HD live stream

Option 2: Attend in-person at HQ in Minneapolis, MN