Data Visualization and D3.js Newsletter Issue 161

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • The Quartz Guide To Bad Data
    This guide presents thorough descriptions and possible solutions to many of the kinds of problems that you will encounter when working with data...You can not possibly review every dataset you encounter with for all of these problems. If you try to do that you will never get anything published. However, by familiarizing yourself with the kinds of issues you are likely to encounter you will have a better chance of identifying an issue before it causes you to make a mistake...
  • D3 Sticker
    By Mike Bostock...D3 (d3js.org) is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS...This is an official D3 sticker. Proceeds go towards D3’s development. Thank you for your support!...
 

Data Visualization Reading and Videos
 

  • Best Of The Visualisation Web… October 2015
    At the end of each month I pull together a collection of links to some of the most relevant, interesting or thought-provoking web content I’ve come across during the previous month. Here’s the latest collection from October 2015...
  • The Traveling Salesman With Simulated Annealing, R, And Shiny
    I built an interactive Shiny application that uses simulated annealing to solve the famous traveling salesman problem. You can play around with it to create and solve your own tours at the bottom of this post. Here's an animation of the annealing process finding the shortest path through the 48 state capitals of the contiguous United States...
  • The Line Between Data Vis And Data Art
    I believe that the field of data vis would benefit from a clear line between art and design. I believe that we need that boundary to judge both forms according to different criteria and therefore more fairly...
  • What would a floating sheep map?
    This is an essay about maps. But it is not just about maps...We also want to challenge people to think deeply about space, construct maps that demonstrate an awareness of social contexts, and critique these very same maps. Thus, this essay focuses not on the specific techniques or technologies of map-making...but on the societies, spaces, and places that are being mapped, and from which maps emerge...
 

D3.js Reading and Videos
 

  • d3-foci
    A d3.js plugin for displaying nodes on their respective foci...A plugin for d3.js. It follows the D3’s new 4.0 module pattern...It tries to be in line with d3.layout approach and declaration. Layouts take a set of input data, apply an algorithm or heuristic, and output the resulting positions/shapes for a cohesive display of the data....
  • Fluid Configuration Of D3.js Bandlines With FRP
    Fine-grained FRP interactivity for real-time configuration and live update with d3.js and a simplified version of flyd.js...in lieu of the customary rerendering with d3.js, each interaction cascades through only the necessary blocks in the data flow. For example, changing the sparkstrip circle radius invokes merely one .attr('r', ...) invocation, while the rendering code shape resembles regular d3 code. Also, only the necessary parts of the data model are recomputed...
  • Percentage Change
    Assuming you bought AAPL stock at its closing price on January 2, 2008, how would your investment fare over the next four and a half years? (Quite well, for the most part…)...Rather than simply plot the absolute price on a linear scale, which would exaggerate gains and understate losses, instead compute the relative price, i.e., the current price divided by the purchase price. Then, use a log scale to accurately show proportional gains and losses: a +100% gain (2×) is as good as a -50% loss is bad (0.5×). As long as the current value never reaches absolute zero, meaning as long as the stock is not completely worthless, the scale domain never crosses zero...
  • Leveling Up D3: Test Driven Development
    In the previous post, I introduced the Reusable Chart API and its multiple benefits when compared to the standard example-based approach of building D3 charts. This time, I will go into deeper detail about how you can further advance your workflow. By using Test-Driven Development when building your D3 charts, you will be able to embrace change, mercilessly refactor your code and at the same time, get executable documentation for your components...
  • D3 vs. React DOMination
    If you try pairing up D3 with React to create interactive data visualizations, you'll soon discover that both libraries try to solve the same problem and they both want to be in control of the DOM. While React does this with its DOM diffing approach, D3 does it with its enter-update-exit pattern...How to avoid them fighting over DOMination and what approach is best?...

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