Overview

Originally presented at ODSC West, 2020. In this workshop, we will build an interactive data visualization from scratch using d3.js in the browser. The possibilities shown in d3 examples are exciting but the API surface of d3 and the various browser standards like HTML, CSS, SVG, and JavaScript, can be overwhelming. Think of this workshop as a guided tour that will point out the important things to pay attention to as we go step-by-step from CSV file to interactive visualization.

This workshop is presented by Ian Johnson who is a User Experience Engineer at Google. He also organizes of Bay Area d3, starts with SVG, and then dives deep into d3 including DOM manipulation, categorical and quantitative scales, axis, brushes, color schemes, events, and histograms. Ian likes to make sense of data by exploring it visually with D3.js!



INTERESTED IN THIS SESSION?

Start your 14-days trial. Cancel anytime.

Workshop Overview

  • 01

    Painting with Data: Introduction to d3.js Workshop

    • Workshop Overview and Author Bio

    • Getting Started with Observable

    • Setup and Workshop Materials

    • Color and Drawing with Data

    • In-browser Code Editing

    • Fetching and Loading

Instructor Bio:

Ian Johnson

Ian Johnson is a User Experience Engineer at Google. He also organizes of Bay Area d3, starts with SVG and then dives deep into d3 including DOM manipulation, categorical and quantitative scales, axis, brushes, color schemes, events and histograms. Ian likes to make sense of data by exploring it visually with D3.js!

Ian Johnson

Google Engineer