Design for Developers

Data Visualization with HSL(A) Example

Sarah Drasner

Sarah Drasner

Google
Design for Developers

Check out a free preview of the full Design for Developers course

The "Data Visualization with HSL(A) Example" Lesson is part of the full, Design for Developers course featured in this preview video. Here's what you'd learn in this lesson:

Sarah highlights an example of using color to communicate in data visualization.

Preview
Close

Transcript from the "Data Visualization with HSL(A) Example" Lesson

[00:00:00]
>> Sarah Drasner: Remember we were talking about HSL and generative color and stuff? Someone who uses that a lot is my friend Nadi Bremmer who does these amazing data visualizations. If you've ever seen one of Shirley Lou's classes, she's a collaborator with Nadi. The two of them together is like genius crazy awesome.

[00:00:16]
So now that you know a bit about HSL color and how that all works you can kind of understand how something like this might be built when they're using these kind of generative colors that are definitely the same lightness and saturation but they're moving across the color spectrum.

[00:00:33]
Right, pretty cool. Awesome.

Learn Straight from the Experts Who Shape the Modern Web

  • In-depth Courses
  • Industry Leading Experts
  • Learning Paths
  • Live Interactive Workshops
Get Unlimited Access Now