Data Visualization and D3.js Newsletter Issue 183

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • OpenVis Conf 2016 Videos Are Now Online
    We are excited to share this year's talks in this interactive visualization below. Each talk is represented as a "filmstrip" made up of 30 slide thumbnails from each talk. Hover over the filmstrip to see larger versions of the thumbnails and click them to start playing the video from that point...To watch the video from the beginning, click the talk title directly...
  • Digging Into D3 Internals To Eliminate Jank Over Large Data Sets
    The Visual Profiler needs to handle over 10,000 points...most people’s browsers just can’t handle inserting that many DOM elements in real time...that’s what we call jank - it’s what happens when you ask the browser to do more rendering than it can handle before a single frame is rendered...We're going to have to break our D3 Selection circles into batches, and render each batch in a separate message on the queue...To fix the browser hang, we slot our function at the end of JavaScript’s message queue...
 

Data Visualization Reading and Videos
 

  • San Francisco MUNI Bus Greenhouse Gas Emissions In Realtime
    The greenhouse gas emission rates for MUNI buses take into account all emissions from the production and distribution of the fuels as well as any the direct tailpipe emissions. For electric-powered buses, which sources its power from the Hetch Hetchy reservoir, we assign an carbon-intensity of 4 kWh/km...
  • Statistical Power Analysis
    Imagine a scientist planning to run an experiment. A power analysis can help answer questions like: a) Will this experiment work - how likely is it to detect a statistically significant effect?, b) How much data needs to be collected?, and c) What is the smallest effect this experiment can measure?...This visualization illustrates how assumptions about the data generating process affect the likelihood of detecting a significant effect....
  • Flickr Cities
    Flickr Cities is an exploratory interface to browse the millions of images shared by Yahoo Labs in its amazing Yahoo Flickr Creative Commons 100M dataset. Filter the dataset by location, date and time, topic, photographer's nationality or combine the different parameters to see weekend night parties, Sunday morning activities, or the difference between DSLR photographs and smartphone snapshots...
  • Being Clever With Color [video]
    I've recently given a short presentation covering considerations when it comes to the use of color in communicating with data. In it, I cover 7 brief lessons: 1) Color grabs attention, 2) Color can signal where to look, 3) Color should be used sparingly, 4) Color can carry quantitative value, 5) Color carries tone and meaning, 6) Not everyone sees color, and 7) Color should be used consistently...
  • Announcing The 2016 Data Stories Winners
    Science has completed its Data Stories video contest, and we’re pleased to present the winners of this inaugural contest. Researchers submitted 90-second videos portraying captivating visual stories based on scientific data. There were no restrictions on the type of data used, but it had to be free and publicly available. The intent of this contest was to encourage and recognize compelling visual representations of scientific data...
 

D3.js Reading and Videos
 

  • How We Are Using D3.Js To Organize Jobs
    D3.js is typically associated with graphs, but for us it is a tool to organize content and infer semantics in a visually appealing and intuitive way...The core of the Weavee recruitment platform is access to relevant jobs, the ability to organize and match to a job with the minimal amount of effort...We wanted Weavee to be unique and so something different was needed...Enter D3.js...
  • Leveling Up D3: Events And Refactorings
    This is the third and final post in the Leveling Up D3 series. In the first post, we talked about the Reusable Chart API and its advantages. And in the second article, we test-drove a basic bar char. In this post, we will carry out some refactoring and optimizations made possible by our new, shiny, and high-quality code...
  • Map Visualization Of Open Data With D3 (part3)
    D3 is a library usable in a Web page to visualize data as charts or maps. Whereas the library provides a low-level API, it provides facilities to build them in a few lines of code. It also provides a support to use TopoJSON data to convert them in something that can be displayed with SVG or HTML5 canvas...
  • Animating A Gradient To Imitate A Flow Using D3.js
    We’re picking up right where I left you in my blog on “Hacking a Chord diagram to visualize a Flow” where I turned a Chord Diagram into a more circular flow diagram. Even with the chord now having been turned into a “bat-plot” I still wanted to emphasize more that we were dealing with a flow from left to right, from Education to Occupation. So, I thought, why not try to use a gradient and animate a movement/flow towards the right...
  • d3-stateplane
    1983 State Plane projections in d3.geo format...The State Plane Coordinate System (SPS or SPCS) is a set of 124 geographic zones or coordinate systems designed for specific regions of the United States. Each state contains one or more state plane zones, the boundaries of which usually follow county lines. There are 110 zones in the contiguous US, with 10 more in Alaska, 5 in Hawaii, and one for Puerto Rico and US Virgin Islands. The system is widely used for geographic data by state and local governments...

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