Data Visualization and D3.js Newsletter Issue 139

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • Six Alternatives To The Clustered Bar Chart
    I see clustered bar charts everywhere...Clustered bar charts aren’t inherently bad, but their overuse is killing me. What’s worse than a text-heavy report with zero graphics? A report that only contains the same chart type over and over and over, regardless of whether that chart is really the best tool for the job...Let’s explore alternatives to this overused chart...
  • On D3, React, And A Little Bit Of Flux
    When I first started exploring D3 and React together, I realized I wanted to attempt it differently from the other approaches I had read about...So I want to tell you about the problems that got me here, how I decided to use D3 and React together, and how Flux factored into the decision...
 

Data Visualization Reading and Videos
 

  • Microsoft Power BI Visuals Now Open Source
    The Microsoft Power BI visuals project provides high quality data visualizations that you can use to extend Power BI. The project contains over 20 visualization types, the framework to run them, and the testing infrastructure that enables you to build high quality visualizations...The visuals are built using D3 but you can use your favorite technology like WebGL, Canvas, or SVG. This gives you everything you need to build custom visualizations for Power BI...
  • Landmark 1979 California Water Atlas Debuts Online
    Originally published in 1979, The California Water Atlas, a monument of 20th century cartographic publishing, has been scanned and put online for free public access by the David Rumsey Map Collection. Linda Vida, Director of The Water Resources Center Archives of the University of California asked David Rumsey and Cartography Associates to scan and make available to the public this extraordinary book...
  • How We Created An Interactive Map Of Europe With 100k+ Areas
    Recently we published an interactive map that visualizes where the population in Europe grows and where it declines. It is a very detailed map with 119.406 colored polygons. You can hover each of them to get the information of the specific area. In this post we will show you how to create a similar map with only a few lines of code...
  • Two Principled Approaches To Data Visualization
    Yesterday I spoke at Stat Bytes, our student-run statistical computing seminar. My goal was to introduce two principled frameworks for thinking about data visualization: human visual perception and the Grammar of Graphics. (We also covered some relevant R packages: RColorBrewer, directlabels, and a gentle intro to ggplot2.) These are not the only “right” approaches, nor do they guarantee your graphics will be good. They are just useful tools to have in your arsenal...
  • Nearly Every Job In America, Mapped In Incredible Detail
    Among all the things that distinguish American cities from one another — their architecture, their demographics, their history and their terrain — their economies vary widely, too...These differences form economic identities that shape each city as much as their culture and geography do. And they're starkly — and beautifully — visible in a new visualization, made by Harvard Ph.D. student Robert Manduca, that maps nearly every job in America, one dot per job...
 

D3.js Reading and Videos
 

  • Stacked Bump Charts
    Alicia Parlapiano published an excellent series of stacked bump charts showing the history of presidential primary campaigns earlier this month...To get a feel for how to make one, I've recreated Alicia's chart with Basketball Reference's list of most accomplished players. The rest of the this post will show how to make your own bump chart with D3...
  • Forest D3
    A javascript charting library...My attempt at implementing a better time series charting library, based on d3.js...I learned a lot from my experience working on NVD3. I wanted to take the lessons learned from that project to build a better charting library...
  • D3.js Design Patterns
    Larger interactive d3 programs can be difficult to organize...Implementing the features of the revealing module pattern you write a function that creates DOM elements and returns a closure around them...The goal of the pattern is to enable you to design self-contained interactive graphs that only expose useful elements to the parent scope...
  • Creating A Yahoo Finance Chart With D3 And D3FC
    Most charting libraries are monoliths. The more features they support, the more unwieldy their APIs tend to become. With the d3fc project we have been exploring an alternative approach, constructing charts from a set of small components, using the D3 library...In this post I want to demonstrate the power of both d3fc and D3 by re-creating the rather complex Yahoo Finance chart....

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