Data Visualization and D3.js Newsletter Issue 130

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • Design And Redesign In Data Visualization
    Visualization is now a mass medium...Along with the glitter and popularity, visualization has attracted something else: popular criticism...But the process of giving and even receiving visualization criticism does turn out to hold surprises. It’s not just that visualization is so new, or that criticism can stir up emotions in any medium. As we’ll discuss, the fact that visualizations are based on transforming raw data means that criticism can take forms that would be impossible for a movie or book. Our goal in this essay is to think through the issues involved in public visualization criticism, especially criticism based on direct redesigns...
  • D3FC - D3 Financial Components
    A collection of components that make it easy to build interactive financial charts with D3...D3FC provides a set of building blocks, that follow the D3 component pattern, allowing you to assemble charts quickly and easily, without taking away the underlying power of D3...
 

Data Visualization Reading and Videos
 

  • Review Of Interactive Storytelling At The New York Times
    The New York Times is in the business of telling stories. And for a while now, it has been quite good at doing just that. But what it means to tell a story looks different today than it did 100 years ago...NYTimes.com’s interactive storytelling techniques are their efforts to present world-class journalism coverage in a unique and future-facing manner...To start, let’s take a look at different types of interactive storytelling at NYTimes.com, and break down their features...
  • Exchange Data Between R And The Google Maps API Using Shiny
    The new versions of Shiny...features a function to send data directly from javascript to R: Shiny.onInputChange..This function can be used to communicate any data from the Google Maps API to R. Starting from this I thought about creating an example where I use the Google Maps API to draw a rectangle on the map, send the coordinates of the rectangle to R, create a grid of random point inside it and then plot them as markers on the map. This was I can exchange data back and forth from the two platforms...
  • Let’s Tesselate: Hexagons For Tile Grid Maps
    As the saying goes, nothing is certain in this life but death, taxes and requests for geographic data to be represented on a map...For area data, the choropleth map is a tried and true visualization technique, but not without significant dangers depending on the nature of the data and map areas represented...Recently... a variation of choropleth has gained popularity — the tile grid map...
  • Create In-Browser Interactive Network Animations From R With ndtv 0.6.1!
    We are releasing an update to the R ndtv package for doing temporal visualizations of dynamic networks. The biggest new feature in this release is the ability to render networks as interactive SVG animations in a web browser with a single command via the ndtv-d3 javascript library (authored by Greg Michalec and myself for statnet)...
  • What Is An Isochrone Map?
    Once upon a time a certain Francis Galton, of Birmingham, residing in London, sat down to draw a map...He had compiled a list of cities and destinations around the world with the time it takes to travel there and thought this ought to be on a map. With London as the starting point he calculated how far one would be able to travel within 10 days. Within 20 days, 30, 40 and above that? After colouring and refining his work he named it Isochronic Passage Chart...
 

D3.js Reading and Videos
 

  • D3 Sunburst Diagram Tutorial
    In this post, I'll break down the code used to generate a zoomable sunburst diagram. A sunburst is similar to a tree diagram, except it uses a radial layout. The root node of the tree is at the center, with leaves on the circumference. The area and angle of each arc corresponds to its value...We'll be using data on New York City public housing repair violations, which I've categorized by category and subcategory...
  • d3.blueprint
    Blueprint is a small library for making d3.js charts more modular, reusable and extendable. It is partially inspired by (and borrows from) Boucoup's Miso Project Library D3.Chart...
  • d3heatmap - A D3.js-based Heatmap htmlwidget For R
    This is an R package that implements a heatmap htmlwidget. It has the following features: a) Highlight rows/columns by clicking axis labels, b) Click and drag over colormap to zoom in (click on colormap to zoom out), and c) Optional clustering and dendrograms, courtesy of base::heatmap...
  • World Of Pixels
    An SVG World map where each pixel is a separate element, zoom and pan enabled...Based on Projection Transitions by Mike Bostock and Map Projection Transitions by Jason Davies. Using a hidden canvas to calculate if the "pixel" points are within a land polygon or not, and then the "pixels" are drawn as SVG rectangles. This gives me possibilities to initiate a "pixel" map and then edit the DOM in any way I want after that like an ordinary SVG...

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