[Lynda] Learning Data Visualization with D3.js


image of author Ray Villalobos Ray Villalobos



Creating data-driven visualizations and infographics that run on multiple devices responsively is a tough challenge. The D3.js library has revolutionized visualization by making it easier to parse your data and add meaningful interactivity. You can bring your data to life using D3, a bit of HTML, CSS, and JavaScript, and some SVG graphics. In this course, senior staff author Ray Villalobos explores how the D3 library works, and how you can use it to parse data from different sources and create interactive, visually exciting infographics and visualizations. He reviews the basics—controlling HTML with jQuery-esque selections and modifying attributes through CSS—before moving on to working with SVG graphics, a top choice for graphics in D3 visualizations. He also covers working with D3 methods like scaling, events, transitions, and animations, as well as how to work with data, including connecting to external data sources.

Topics include:

  • What is D3.js?
  • Controlling HTML within selections
  • Binding data to the DOM
  • Drawing SVG graphics with D3
  • Using ordinal scales
  • Adding events and transitions
  • Working with data
Skill Level Intermediate

2h 5m



Show More Show Less
Size: 322.49M


Content retrieved from: https://www.lynda.com/D3-js-tutorials/Learning-Data-Visualization-D3-js/594451-2.html.

One Comment

  1. Archanter January 12, 2018 Reply

Add a Comment

Your email address will not be published. Required fields are marked *