Data Visualization and D3.js Newsletter Issue 125

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • Data Exploration With D3
    D3 is best known for polished interactive visualizations. With its rich API however, it is also an excellent tool for acquiring and, with a bit of work, exploring data. This post will walk through scraping and plotting different dimensions of the history of the Oscars as an instructive example...
 

Data Visualization Reading and Videos
 

  • Chiasm
    Chiasm is a browser based runtime environment and plugin architecture for interactive visualizations. It allows plugins for data access, data transformation, and interactive visualization to be loaded and configured dynamically...
  • Gestalt Principles For Data Visualization - Similarity, Proximity, and Enclosure
    Let me suggest that gestalt is very much a pragmatic aspect of creating data visualization, in fact a necessary aspect if you plan to do more than simple bar and line charts (and perhaps even for those simple charts). This exploration of three of the most simple gestalt principles focuses on how they operate and how they might act in tandem with and in opposition to each other. I also include some gestures toward how the gestalt may already be influencing what we think of not as cognitive qualities but as design and style in data visualization...
  • Interpreting Correlations - An Interactive Visualization
    In this visualization I show a scatter plot of two variables with a given correlation. The variables are samples from the standard normal distribution, which are then transformed to have a given correlation by using Cholesky decomposition. By moving the slider you will see how the shape of the data changes as the association becomes stronger or weaker. You can also look at the Venn diagram to see the amount of shared variance between the variables...
  • Six Alternatives To The Clustered Bar Chart
    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...
  • stmBrowser: An R Package for the Structural Topic Model Browser
    stmBrowser provides an interactive environment for exploring STM model results in a web browser, optimized for Chrome. The visualization pairs a configurable scatter plot with the full text of a selected document. The interactive scatterplot allows specification of the x-position, y-position, color, and radius of each document based on metdata...
 

D3.js Reading and Videos
 

  • So You Want to Build A Scroller
    A critical component of successful interactive visualizations is orienting the users to what they are looking at. In a multi-faceted data story, it can be useful to explicitly move a user through the different views of the data. Previously, we've looked at steppers as a way to implement this guidance system. Here, I’d like to look at how the simple act of scrolling can be harnessed to direct a user through a complex visualization combined intuitively with a guiding narration...
  • Using Dynamic Data And Making Reusable D3.js Charts
    To really make a step towards reusable charts, you need to make your data models on the fly based on how your data is structured. Fortunately, d3 does give us the means to make that work, it just takes a little thinking, a little doing, and a fair amount of coding. The benefit, however, is that in the long range it means you will not need to do as much planning for each visualization – deployment time should become condensed...
  • Let's Develop An Entanglement Clone Using D3.js And Typescript
    I am a big fan of Entanglement and it's clone Weave. The game mechanics are simple, you start with a hexagon which can be rotated...Since I wanted to improve my D3.js skills I chose the unorthodox way using this library for a game. At first glance it might sounds odd why I choose D3.js for creating a HTML5 game, this is because D3 is normally used for visualizing data by drawing a graph. I do not see D3 as a graphing library it is more like a colorful bouquet full with algorithms like geographic data related ones, DOM manipulation, query selection, transitions, SVG convenience methods and much more...

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