Join Us For an Exclusive Workshop:
d3.js v4

March 31st, 2017 • 9:30am – 5:00pm CST

Attend Online

Live and Full HD


Attend In-Person

From: Downtown Minneapolis, MN

Start Learning Today Learn d3.js v4 Money-back Guarantee

Here’s why you should join us!

By coding along with us in this 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 Instructor

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.

Interact With the Instructor

Online & In-Person

Get Your Questions Answered

Spend the Day Immersed With a Leading Data Visualization Master

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.

Included with Frontend Masters Membership



Watch Now

How We'll Spend the Day

We've already held over 80 workshops holding thousands 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.

During the day, we'll cover in order:

  • 9:30am – Tech Check and Hello
  • 10:00am – Intro: D3 API reference, bl.ocks ecosystem
  • 10:30am – Selections and data binding
  • 11:00am – Enter-appends
  • 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

*Note that this is a rough schedule of how each day typically break down, but that this will be adjusted as we go to make sure everyone can follow along.

The Price

The price for attending this full day workshop is simply the cost of becoming a monthly ($39) member. If you have already attended one, you know this is a tremendous value. If you haven’t, you may be wondering if it’s truly worth becoming a member.

Browse through just a few of the testimonials and you’ll see that people RAVE over these workshops. They’re unique and provide an experience and education you simple cannot find anywhere else.

You’re getting access to some of the brightest, most highly sought after experts in the world, covering topics very few people discuss in detail. Many attendees report learning more in this full day workshop than they did about a particular topics in the past 1-2 years combined.

Combine that with access to thousands of unique, high quality videos in our membership area with 500 hours of in-depth training from world renowned experts and you’ll see why this is a bargain.

  1. These workshops are different from any others you’ve attended. They cover everything, from the basics to advanced material. All of which are available for replay so you can go back and review as your skill grows.

  2. We get a lot of people saying they are scared to join… until it was over. Then they brag about how much of an amazing value they got for the price.

  3. You’re also getting videos of the workshop, plus ALL other workshops we’ve recorded, instantly!

Watch Now

Is This Workshop For Me?

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.


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.

You'll Either LOVE This Workshop Or You Don't Pay. Period.

Our attendees are ecstatic by the high-quality, relevant content they receive at these workshops.

We cover everything in explicit detail (and the things we miss are covered by answers to YOUR questions) from basic to advanced tactics you can start working with the very same day. We don't want you to miss out on this opportunity because you've been to less-than-stellar workshops in the past. We promise you, ours are very unique.

That's why if you attend the workshop and aren't absolutely thrilled with the content… if you don't think it's worth the admission price… We refuse to accept your money. We will more than gladly issue you a full refund, so you risk nothing.

We're very specific about what you're getting here and have ran lots of workshops… so we've almost never have requests for refunds (99.8% satisfaction rate).

MJG Workshop Center • 60 South Sixth Street, Suite 3625, Minneapolis, MN, 55402

What Past Attendees Are Saying

"Superb presentation from a genuine domain expert. I learned a ton today."

Steve Jakubowski

"Keep up the good work. I've attended a lot of online workshops, and they are very shallow and unpractical. Most of the time, online people are treated as second class, but still paying citizens. Here we get all the content and get to participate as well (if only there was a way to get those cookies...)."

Adrian Murillo

"The class was great. It was really cool to get a bunch of links to example code to look at during the presentation and after the class."

Nate Yourchuck

"Good location and facility. Great technology for capture, presentation layout and video streaming. Really excellent being able to view the videos afterwards. It takes away the sense of having to absorb everything immediately or else lose it into the ether. It was fun. What more can you ask for?"

Laurence Bates

"Really well run...loved the communication pre-event. Very impressed with everything...this was my first online conference purchase, but I would definitely consider doing it again."

Jeff Sims

"I really enjoyed the online workshop experience. It is much better than just watching videos. I was able to participate in the conversations and benefit from other folks' questions."

Dana Greenberg

"You guys did a really great job! I cannot say enough good things about the experience."

Richard Ranke

"Everything was first class: excellent instructor, material, video, moderator, audio. Thank you!"

Oscar Pagani

My name is Marc Grabanski I'm the founder of Frontend Masters. I guarantee this workshop will be awesome. Period.

If you don't think it's worth 10x the value, I'm happy to give you back every penny. That's my promise to you!

Marc Grabanski
Founder Frontend Masters