Work

Past Projects

  • Oahu MPO Dashboard

    Interactive data-visualization of transportation goals in the Oahu Metropolitan area

    App

    Learn more

  • San José city project Decision Support System

    Interactive map of hundreds of municipal projects

    App

    Learn more

  • Manuscripts

    Collaborative editor for research publications

    Code

    Learn more

  • Please Sign Me

    Signature app seemlessly intergrated with Google Docs

    Install

    Learn more

  • Abbey

    Web-based visualization tool for Sanger DNA sequencing results

    App

    Learn more

  • MitoViewer

    Interactive gene map

    App

    Learn more

  • HonestDoor

    Prototype for a successful startup

    Learn more

  • Grand Unified Search (GUS)

    Customizable real-estate search tool

    Example implementation

    Learn more

Open Source

  • node-ncbi

    JavaScript wrapper for the ncbi eUtils

    NPM

  • Hypocube

    React library for authoring charts

    Docs

    NPM

Speaking

  • A Fresh Look at Isomorphic Rendering

    How Deno and Fresh can save the web

    Slides

  • Data visualization in the browser

    Data is everywhere, and good visualization let's us see both broad patterns and minute detail. As we move to a world of screens, what considerations need to be made so that graphs and charts remain meaningful and usable?

    Slides

  • Offline-first Web Apps: Eventual Consistency

    The rise of local storage on the web platform creates new opportunities - and new challenges - for users to work on the web without an internet connection and sync their data when the network is available. What mental models do we need to think about syncing and data conflict management and what technologies will help us?

    Video

    Slides

  • Isomorphic JavaScript with React and Express

    How to set up a project that renders React on both the server and client.

    Video

    Slides

  • The script tag: at the bottom of everything

    To get started with JavaScript, you need to use the script tag. Most websites use dozens of them, and how they are used has lots of implications for performance and the security of your users.

    Video

    Slides

  • Finite Jest: Pragmatic Unit Testing

    Why you should write unit tests, and how to get started with the Jest test suite.

    Video

    Slides

  • Why and How to Start With React

    Why you should try React, and how to do it without installing and configuring a million Webpack dependencies.

    Video

    Slides

About This Website

This website is in part an attempt to explore technology solutions for data-rich blogging and journalism on the web. It uses Deno, Fresh, Preact, CouchDB, d3, unified, and ImageMagick. See this blog post for more.