Tyler Machado

Hi, I'm Tyler Machado.

I'm a front-end web developer, designer, and data visualization specialist. I have a decade of experience in digital media building useful tools, telling engaging stories, and creating sustainable processes.

Location

Boston, MA

Pronouns

he/him/his

Email

tyler.machado [at] gmail

Selected Work

Standard model of particle physics
Standard model of particle physics
Science News
Working with designers and editors at Science News, I built a small interactive graphic to help readers explore the standard model of particle physics. check it out
Bill Coen’s long journey to the top of Northeastern basketball
Bill Coen’s long journey to the top of Northeastern basketball
Northeastern University
I wrote a scraper in Python to gather the scores from every game of NU men's basketball coach Bill Coen's career, and then visualized that history by building a symbol chart in Svelte. check it out
Svelte dataviz template
Svelte dataviz template
Northeastern University
I built this chart library using Svelte, D3 and Mapbox for the data graphics that my team regularly produces. This template helps streamline production, simplifies deployment, and implements a consistent visual style for our dataviz content. I used this to visualize public transit trends, unemployment rates, and fireworks complaints, among many others. check it out
Here’s a look at all the new construction on Northeastern’s campus this year
Here’s a look at all the new construction on Northeastern’s campus this year
Northeastern University
Using Svelte and Mapbox, I created a visual tour of campus construction that can also be reused for future map-based stories just by switching out a JSON file. check it out
COVID-19 testing dashboard
COVID-19 testing dashboard
Northeastern University
I designed and built Northeastern's public COVID-19 testing dashboard, using Svelte, D3 and a spreadsheet-based backend. check it out
The 2020 census and Title I funding for schools: Interactive maps to localize your state’s stakes
The 2020 census and Title I funding for schools: Interactive maps to localize your state’s stakes
Journalist's Resource
I worked with university researchers on this series of posts on the U.S. Census and federal funding, specifically to create a series of graphics that local reporters can embed on their own websites. The graphics use D3 and Mapbox, all living inside of a shared React app. check it out
This is the course 11,000 athletes will row for the Head of the Charles Regatta
This is the course 11,000 athletes will row for the Head of the Charles Regatta
Northeastern University
This editorial piece uses Mapbox and its aerial imagery to give users a tour of the prestigious annual rowing event in Boston. check it out
Facing the Future
Facing the Future
Northeastern University and Gallup
I worked on the data visualization, front-end and UI pieces of this mini-site, the introduction to a university campaign on artificial intelligence that translated an academic report to a general audience. check it out
Institute for Nonprofit News style guide
Institute for Nonprofit News style guide
Institute for Nonprofit News
Inheriting style guide duties at INN, I updated the brand standards to use a new, refined color palette, and created and demonstrated expectations on what the identity should look like when used in digital content. check it out
Montana Free Press website redesign and rebuild
Montana Free Press website redesign and rebuild
Institute for Nonprofit News
I took the lead on front-end/design for this website redesign project for an INN member news organization. Using the organization's provided color palette and logo set, I created style tiles and mockups to determine the visual course of the new website, and then built a new theme for the client based on INN's WordPress framework, Largo. check it out
The most and least digital jobs -- and how well they pay
The most and least digital jobs -- and how well they pay
Harvard Business Review
This interactive was based on public data and new research; the twin goals were to allow users to find their own industries of interest while also clearly packing a lot of variables into a small space. check it out
Last.fm Classics
Last.fm Classics
A simple chatbot, connected to my personal Slack workspace, that reminds me of what music I was rocking 10 years ago. check it out
Matchday poster
Matchday poster
New England Revolution
I designed the poster for a 2016 Major League Soccer match, handed out to nearly 20,000 fans at the stadium. The design is based on the history of New England vs. Columbus matches dating back 20 years. check it out
The decline of Yahoo in its own words
The decline of Yahoo in its own words
Harvard Business Review
I designed and developed this annotated visualization — actually two, as the data is presented in radically different ways on large screens vs. small ones. check it out
How corporate boards connect, in charts
How corporate boards connect, in charts
Harvard Business Review
For this piece for Harvard Business Review’s website, accompanying new research on how large companies’ boards have historically shared members, I was specifically tasked with working up a data visualization that skewed closer to an art piece than a standard chart type available in spreadsheet software. check it out
Meeting Cost Calculator
Meeting Cost Calculator
Harvard Business Review
In a development role, I collaborated with design and UX-minded colleagues to create this simple, mobile-friendly web app that allows the user to guess at how much money is being spent on the meeting they're sitting in. We won an award from Folio for Best Consumer Tool in 2016. check it out
Vermont Restaurant Week
Vermont Restaurant Week
Seven Days
Loosely based on an early Bootstrap theme, I built this still-in-use theme for the restaurant event that my former employer organizes annually. I built out the front-end from mockups and figured out custom post types and fields to make uploading content easier for my colleagues. check it out

Resume

This resume is also available in PDF format.

Alley

(remote)

User Experience Developer, March 2021-present

  • engineering interactive front-end elements using modern JavaScript frameworks, including React and Next.js, and modern CSS concepts and preprocessors
  • building new, custom blocks for use in WordPress's Block Editor (Gutenberg) interface
  • working in a Scrum team environment, using Git and Jira workflows

Northeastern University

(Boston, MA)

Front-end and Data Developer, April 2019-March 2021

  • built Svelte-based project library to make development and deployment simpler and improve look-and-feel consistency
  • produced data visualizations and custom digital experiences for news stories, working with both university research and public datasets
  • designed, built and maintained the university’s public-facing coronavirus testing data dashboard
  • contributed maintenance and features to the site's WordPress theme, using Timber

Journalist's Resource

(Cambridge, MA)

Developer (Counting for Dollars Project), January 2020-March 2020

  • built interactive, sharable graphics and maps on Census and federal funding data, using a template built on React, Mapbox and D3.js
  • evaluated options for readers to embed graphics and download data

Institute for Nonprofit News

(remote)

Front-end Developer/Designer, February 2018-April 2019

  • collaborated with nonprofit news organizations on site redesigns through wireframes, prototypes, style guides and front-end code
  • provided troubleshooting and configuration support for WordPress sites
  • updated organization branding guidelines and assets for print and digital

Harvard Business Review

(Boston, MA)

Editorial Developer, March 2014-January 2018

  • created interactive tools, data visualizations, and new digital storytelling experiences on HBR.org
  • collaborated with colleagues across design, tech and editorial departments while self-directing projects
  • built and maintained messaging bots, both user-facing and internal, on Slack and Facebook

Seven Days

(Burlington, VT)

Digital Media Manager, August 2012-March 2014

Deputy Web Editor, June 2010-August 2012

  • created WordPress websites for sub-brands and special events
  • designed, curated and managed production of six email newsletters
  • enhanced news articles for digital presentation with special layouts, embedded media and photography
  • developed and implemented new digital strategies in the newsroom

Talks and Writing