Data Visualization and D3.js Newsletter Issue 209

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


Welcome to issue 209 of the DashingD3js.com Weekly Newsletter.
 

Onwards to this week's links...
 

Featured
 

  • Music Eclipticalis
    This is a song that uses stellar data and users' interactions to generate unique and continuous music. At any given time, the song plays the 16 brightest stars as musical notes based on their positions within a floating musical staff in the sky. The user may move the sky to change which stellar notes are being played...
  • Creating Bubble Charts with D3v4
    Well, as you probably have seen, heard, and experienced, our beloved D3 has shed its skin, and metamorphosed into a shiny new version...I’ve reimplemented my old bubble chart tutorial and example to use D3v4. I’d like to share what I’ve learned along the way and how you can use the new force simulation in your own projects...
 

Data Visualization Reading and Videos
 

  • deck.gl - Large-scale WebGL-powered Data Visualization
    deck.gl is a WebGL-powered framework for visual exploratory data analysis of large datasets...A WebGL overlay suite for React providing a set of highly performant data visualization overlays...deck.gl allows complex visualizations to be constructed by composing existing layers, and makes it easy to package and share new visulizations as reusable layers...
  • Data Challenge Lab - New Class at Stanford by co-taught by Bill Behrman and Hadley Wickham
    The Challenge Lab is hands-on, learning by doing. There are no lectures. Instead, you will be given a series of real-world challenges with the original data, from organizations such as the World Bank or The New York Times. You will become a data detective, with challenges such as targeting families for a poverty alleviation program or understanding the causes of a mysterious increase in deaths from prescription painkillers...As you grapple with these data challenges, you will receive a combination of instant feedback and one-on-one coaching to help you progress in your skills...
  • My 5 favourite new Tableau features
    I wanted to write up a quick post on some of the cool new features coming to Tableau...There were two big keynotes yesterday: Tableau Vision which laid out some of Tableau's big plans over the next three years, and Developers on Stage, in which Tableau's developers introduced some cool new features coming in the next few months...Some of the features announced during the Tableau Vision talk were pretty cool, but it's hard to know how long it will take before they show up in a release. So I'll spend most of this post talking about the features that are coming soon to Tableau (in some cases, it sounds like, as early as Version 10.2)...Here are my Top 5 favourite new features...
  • Shepherding Random Growth
    This is the third part of a series of texts on various methods for creating generative art with random numbers...In this part I will describe a simple form of differential growth...Differential Growth is a way in which biological systems develop shape. By controlling the rate at which different parts of a surface grows, you can control the shape it grows into...In this case we will consider lines, not surfaces. However the principle is similar. Some good examples of shapes that inspired this particular system are walnuts, flower petals and the layers of cabbage...
 

D3.js Reading and Videos
 

  • Constrained Zoom
    This example demonstrates how to constrain d3-zoom such that a rectangular area of interest is not allowed to go outside the viewport...
  • d3-pathLayout
    d3.js plugin that maps the coordinates of an array of nodes to points on a given SVG path string...
  • Roomscale Scatterplot
    A roomscale scatterplot targeting the HTC Vive...This is a proof-of-concept 3D visualization of Fisher's Iris data set. There is a lot of room for improvement, but it's neat to "walk" around the plot with the WASD keys and highlight data points using the mouse...It was built using a customized version of the aframe-scatter-component...
  • Sampler using Web Audio
    This is something I made using the Web Audio API along with d3.js... you trigger the different cuts using the number keys that correspond with the numbered sections of the loop. Or if you are on a mobile device, touch the section you want to hear. When loading this directly instead of in its own window, you might have to click inside the iframe so that it can detect keystrokes...

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

Wishing you the best, 
Sebastian Gutierrez
@DashingD3js
www.dashingd3js.com

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