about|contact

transmote.com

newsroom trend tracker

newest of the news
data visualizer, developer – nov 2016

A large American news organization contracted Stamen to prototype a display for a large video wall in their newsroom. Granted access to their internal API, we developed a visualization that switches between two modes: a cluster chart, highlighting the top stories within sections of the newspaper and the aggregate traffic to each section, and a trend graph that illustrates the realtime change in viewership of current stories.

This project also gave me the opportunity to get under the hood with force simulations in D3.js. I wrote up my findings here and released two open-source companion D3 packages, d3-force-attract and d3-force-cluster.

  • Detail of cluster chart

    Detail of cluster chart

  • Popularity by and within sections

    Cluster chart: Popularity by and within sections

  • Trend graph: change in viewership over time

    Trend graph: change in viewership over time

  • The visualization periodically alternates between the two modes

  • Concept sketches exploring different visual forms

    Concept sketches exploring different visual forms

  • Cluster chart transition to beeswarm plot

    Cluster chart transition to beeswarm plot

  • Beeswarm transition to cluster chart

    Beeswarm transition to cluster chart