Automatic Visualization of the Frontend (React Conf 2019)

Visualization isn't just about charts. Developers spend most of their time trying to understand existing code, which often lacks documentation about design-level concepts. Handcrafted diagrams are useful but get out of date, and traditional code search only helps if you know what words to look for. We don't navigate the real world by examining every sector of a geographic map, so why should we scan code line-by-line? This talk will showcase the past, present, and future of visual tools for automatically generating maps of code, using inspiration from older typed languages and HCI research. https://conf.reactjs.org/event.html?hydrosquall

Help! I've fallen (into code) and I can't get up!

An exploration into why + how making visual representations of our code and borrowing ideas from cartography can help improve the frontend development experience, both now and in the future. Presented at React Boston 2019.

Interactive Ibry Charts of the MetroNorth Trains

Why + how to make interactive visualizations of train schedules, and a framework for making the most out of learning from side projects.

Frontend Craft

RxJS and Minimaps

Frontend Summit

A lightning talk about why and how to use 2 recommended VSCode extensions for frontend javascript development

Visualizing Fast and Slow

Learn the why and how for using interactive data visualizations to take ideas from your head to the screen quickly, using techniques from frontend development and visual analytics. Presented at NYC Data Visualization in July 2018.