John Richter

Data Visualization and UI/UX Expert

John is a developer and designer specializing in interactive data visualizations and user experience design. His skills and experience are uniquely honed at the nexus of storytelling, design, and interactivity. His abilities are both deep and broad: he is a master of details as well as where they fit in the larger shape. He is interested in both for-profit and non-profit consulting.

John is based in Portland, Oregon.

Download Full Resume with Portfolio (updated Feb 2018) (PDF, 1MB)
Phone: 501.655.2961


Do I contradict myself? Very well, then I contradict myself.

I am large, I contain multitudes. - Walt Whitman

John's designed and programmed immersive and beautiful visualizations for contract and pro bono, worked with a Pulitzer-winning journalist at an Emmy-winning production company, and even provided gardening advice at an organic garden nursery. His main extracurricular is advocating a price on carbon with Our Climate, where he is on the steering committee and works on UI/UX, branding, tech, and communications.

Since finishing school in 2012 and moving to Portland, OR, he's cofounded a (failed) local food systems startup, cofounded a climate change activist organization (350PDX), and cofounded a climate activist house.

Hard Skills

John's core skills are D3.js for interactive data visualization; Adobe Photoshop and Illustrator for design; and Javascript, Typescript, and Angular.js for modern front end development.

  • Interactive Data Visualization: D3.js (incl maps, GeoJSON, TopoJSON)
  • Design: Photoshop, Illustrator
  • Programming Languages, Specs, Markup: Javascript, Typescript, CSS, HTML, SVG, SCSS, PHP, Java, SQL (PostGres, My), Python, Ruby, MongoDB, JSON, Mustache, Handlebars
  • Front End Frameworks: Angular.js, Backbone.js
  • User Interface/User Experience Skills: prototyping, iconography, SVG and pixel-based design, responsive design, fonts, UI/UX theory, usability testing [a/b testing, analytics]
  • Content Management Systems: Nation Builder, Drupal, Ghost, Wordpress
  • Mobile: Android, Titanium
  • Patterns: Responsive Design, Web Services (REST), Object Oriented Programming, CSS Sprites, Fonts
  • Backend Infrastructure: Amazon Web Services, Firebase
  • Toolchain: Grunt, Node Package Manager, Bower, Git, TSD Package Manager
  • Testing: Karma, Mocha, Chai, JUnit
  • Editor: Emacs!, Sublime Text, Eclipse
  • Film Editing: Premiere, Final Cut Pro
  • Videography: Panasonic GH4

Educational Background

John studied computer science at the University of Texas at Austin and political science and economics at Washington University in St. Louis as a Greenberg Scholar, graduating with honors.


  • PDX Creative Coders – January 2015 – Presented Hack Oregon’s Behind the Curtain project
  • D3.js Meetup – January 2015 – Presented Hack Oregon’s Behind the Curtain project
  • Portland Typescript Meetup – June 2015 - “Introduction to the Typescript Toolchain”