The interactive scrolling graphic developed on Canvas with d3 and ScrollMagic powerfully presented the data to clearly show the discrepancy between federal requirements and the actual treatment of transgender prisoners.- NBC News Team
In order to show a clear comparison between portions of unknown housed prisoners and housed according to gender identity, we wanted to calculate each dot's position based on its category instead of randomly assigning a position. With canvas, it’s hard to debug with regular console log and there's no way to assign a class name to each dot. The team ultimately combined d3 force layout type with WebGL to cluster dots based on the category.