Data Visualization and D3.js Newsletter Issue 192

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • 5 Things I Learned Making a Chart Out of Body Parts
    Last year, an interactive graphic about insurance turned out to be one of ProPublica’s most popular pieces of the year. I’m going to tell you about some things we learned in the process of designing and building it, from its bovine origin story to the challenges of visualizing an eyeball...
  • Join D3.js on Slack!
    Self-service registration for the #d3js slack channel. Join 100s of dataviz practitioners obsessed w/ D3...
 

Data Visualization Reading and Videos
 

  • Central Limit Theorem – Interactive Data Visualization Explanation
    This is an attempt to visually explain the core concepts of the Central Limit Theorem. By providing a variety of interactive components, this page seeks to provide an intuitive understanding of one of the foundational theories behind inferential statistics. It draws inspiration from other visual explanations...
  • Altair - Declarative statistical visualization library for Python
    Altair is a declarative statistical visualization library for Python...Altair provides a Python API for building statistical visualizations in a declarative manner. By statistical visualization we mean: a) The data source is a DataFrame that consists of columns of different data types (quantitative, ordinal, nominal and date/time), b) The DataFrame is in a tidy format where the rows correspond to samples and the columns correspond the observed variables, and c) The data is mapped to the visual properties (position, color, size, shape, faceting, etc.) using the group-by operation of Pandas and SQL...
  • Pokemon: Visualize 'Em All!
    Time ago, when I was a younger man I know Pokemon, I know the 150 Pokemon, then more than 10 years later there are now over 700 with new types new, new regions, etc. So to know the status of all these monsters I download the data and make some chart and see the actual status...
  • Working In DataVis
    This open book is starting in preparation for a nice meetup in Tallinn and will be expanded for multiple other workshops in Quebec and Montreal. The goal is to give an insider view of datavis. By Christophe Viau...
 

D3.js Reading and Videos
 

  • d3-pre - Pre-render d3 visualizations
    A JavaScript library that pre-renders d3 visualizations into inline SVG elements, to reduce perceived page-load time and cut down on unwanted paint flashes. The pre-rendering tool uses a headless browser to turn d3 code into its resulting SVG, and inserts the markup into your HTML. Then, the d3-pre JavaScript library overrides d3.append to check if a pre-rendered DOM node already exists before creating a new one. This approach allows you to use pre-rendered SVG without changing your visualization code...
  • D4 — Declarative Data-Driven Documents
    D4 is an experiment in using React to produce data-driven documents (ala D3) that are performant and understandable. This is not a library, but rather a demonstration that it's possible (and preferable) to use React instead of the core of D3...
  • BBox Word Cloud
    A simple word cloud using bounding-box style collision detection for d3V4 forceSimulation. Bounding box is a rule that produces a top-left and bottom right corner with coordinates local to the center of the node. So, in this case the size of the bounding box roughly matches the size and orientation of the text...
  • D3 V4 Curve Interpolation Comparison
    This bl.ock demonstrates the range of interpolation curves available in v4 of d3.js. You can click on any of the legend labels to toggle visibility of the lines. Details of the curve can be found on the D3 wiki...

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