Data Visualization and D3.js Newsletter Issue 136

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • DataComb: An Interface For Combing Through Tabular Datasets
    Tables are perhaps one of the most ubiquitous means of displaying information. In general and particularly with small datasets, the work well; they show exact values and are simple, logical and familiar. However, for larger datasets they become unwieldy - reading and processing a wall of text is difficult. In the spirit of not having a wall of text, this post is a few notes on building an interface and more robust table for analyzing and combing through data...
  • Knight Center Offers Again The Online Course On Data Visualization And Infographics With D3.js
    Due to the overwhelming success of its online course “Data Visualization and Infographics with D3” last March and April, the Knight Center for Journalism in the Americas is offering it again, starting on August 17...The upcoming course, which runs from August 17 to September 27, will look at this powerful JavaScript library for manipulating documents based on data...
 

Data Visualization Reading and Videos
 

  • Understanding Graphs And Tables - Howard Wainer [PDF]
    Quantitative phenomena can be displayed effectively in a variety of ways, but to do so requires an understanding of both the structure of the phenomena and the limitations of candidate display formats. This article (a) recounts three historic instances of the vital role data displays played in important discoveries, (b) provides three levels ofinfonnation that form the basis of a theory of display to help us better measure both display quality and human graphicacy, and (c) describes three steps to improve the quality of tabular presentation...
  • dimple Charts For R
    dimple is a simple-to-use charting API powered by D3.js. Making use of the nice htmlwidgets package it only took a minimum amount of coding to make the dimple library available from R...Using the package you can create static javascript-based graphs, but you can also use dimple charts in Shiny applications...
  • networkD3: D3 JavaScript Network Graphs From R
    This is a port of Christopher Gandrud’s R package d3Network for creating D3 network graphs to the htmlwidgets framework. The htmlwidgets framework greatly simplifies the package’s syntax for exporting the graphs, improves integration with RStudio’s Viewer Pane, RMarkdown, and Shiny web apps...It currently supports three types of network graphs: (a) Force directed networks with simpleNetwork and forceNetwork, (b) Sankey diagrams with sankeyNetwork, and (c) Reingold-Tilford Tree graphs with treeNetwork...
  • Atlas, The New Home For Charts And Data
    Today we are thrilled to launch Atlas, a new platform for discovering and sharing great charts. You can find it at atlas.qz.com...Atlas gives each of our charts its own home, along with a set of tools for interacting with them: You can now download the data behind our charts, embed our charts elsewhere on the web, grab an image of our charts, and of course share our charts on social media. They will look great regardless of whether you’re using a big screen or mobile device...
  • Thematic Cartography Guide
    In this short guide we share some insights and tips for making thematic maps. Our goal is to cover the important concepts in cartography and flag the important decision points in the map-making process...This is by no means a replacement for a full textbook on cartography; rather it is a quick reference guide for those moments when you’re stumped, unsure of what to do next, or unfamiliar with the terminology...
 

D3.js Reading and Videos
 

  • D3 Lessons Learned: Hover Lock Button
    As an exercise in sharpening my d3 skills, I set out to create a button that mimics the kudos widget seen on various blogs. The idea is to only take action once a user has hovered over the icon for a certain period of time. It’s a nice, animated alternative to simply clicking a ‘Like’ button. Here’s how my version turned out:...Though this example may seem trivial, there are a couple of important principles it demonstrates:...
  • GenomeD3Plot
    GenomeD3Plot (formerly Islandplot) is an SVG based genome viewer written in javascript using D3..There are three pieces to the package, a circular genome viewer, a linear genome viewer and a linear brush element. Simply include the js files for the elements you need in your page and you're ready to go...
  • d3-interpolate-husl
    D3 plugin to interpolate through HUSL and HUSLp color spaces...A basic D3 plugin that interpolates though the HUSL and HUSLp color space. For now, the interpolator accepts hex or hsl strings, i.e. #f00, #ff0000 or hsl(0, 100%, 50%)...
  • MongoDB with D3.js
    I consider interactive data visualization to be the critical tool for exploration of high-dimensional data...That’s led me to spend a good amount of time in the last few years learning some new skills (D3 and CoffeeScript) and developing some new tools, particularly the R package R/qtlcharts...I’ve been trying to come to understand the whole database business, and how I might use one for larger-scale data visualizations. I think I’ve finally made that last little conceptual step, where I can see what I need to do...

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