Data Visualization and D3.js Newsletter Issue 181 Weekly Data Visualization and D3.js Newsletter

Hi Friends -

Welcome to issue 181 of the Weekly Newsletter.

Onwards to this week's links...


  • Is Anything Worth Maximizing?
    This talk is about metrics and measurement: about how metrics affect the structure of organizations and societies, how they change the economy, how we’re doing them wrong, and how we could do them right...
  • Creating A Smooth Color Legend With An SVG Gradient
    My first deviation from just using SVGs merely for their shapes came while trying to create a color legend. I was looking for a way to create a legend that would smoothly go from one color in my color scale to another. It wasn’t really necessary to read the exact value each color represented. It was more about seeing trends and getting a general sense of the numbers, so chopping the colors up into 5 or 6 bins wasn’t what I wanted...And that’s how I got into SVG gradients...

Data Visualization Reading and Videos

  • Drawing Vector Fields
    During last few days I’ve made several attempts to create and visualize 2D vector fields. In the following article you can read about this concept with several examples and code in Processing...
  • Who To Follow In OpenVisConf
    Here is a list of the top 100 Twitter accounts most followed by the members of the OpenVisConf community (computed by identifying the 784 accounts tweeting using #openvisconf between 2016-04-01 and 2016-04-30)...
  • Stanford's DataVis Course CS 448B on CourseWiki
    In this course we will study techniques and algorithms for creating effective visualizations based on principles from graphic design, visual art, perceptual psychology, and cognitive science. The course is targeted both towards students interested in using visualization in their own work, as well as students interested in building better visualization tools and systems...[includes readings and slides]
  • Shifting Parent Work Hours, Mom vs. Dad
    Articles about stay-at-home dads and parents with even work loads might make it seem like dads are putting in a lot of hours in the household these days. Are they?...The charts below, based on data from the American Heritage Time Use Study and the American Time Use Survey, show hours spent with unpaid housework and childcare against hours spent at a job by moms and dads. More overlap means greater similarity between moms and dads...

D3.js Reading and Videos

  • D3 Interview Questions
    Having interviewed folks for positions requiring knowledge in data visualization, specifically D3.js, I know it can be tricky. This is especially true if the interviewer does not know D3. Here’s a set of questions I think might help...
  • Using D3.js Transitions In React
    One of d3’s biggest selling points is the general update pattern. Add some function calls and voila – animated visualization with transitions...You totally can achieve the same result with React. Yes, even if you use React to render SVG. Yes, you can use d3’s powerful transitions API too...The React version is easier to understand, too. Keep reading and you’ll see why...
  • Responsive D3.js Bar Chart With Labels
    Here is a minimalist responsive bar chart with quantity labels at the top of each bar and text wrapping of the food labels. It is actually responsive, it doesn’t merely scale the SVG proportionally, it keeps a fixed height and dynamically changes the width...
  • Beeswarm
    A static beeswarm plot implemented using d3-force’s collision constraint. A Voronoi overlay improves hover interaction...

Hope that you had a great past week and that next week is even better!

Wishing you the best, 
Sebastian Gutierrez

Want to better understand this topic?
Check out these super-useful D3.js Screencast Videos (1 in 3 are free...)
=> D3 Screencasts Videos