Tristen Brown - Principal Designer at Mapbox

Tristen Brown

Principal Designer at Mapbox

Old Toronto, Ontario, Canada

Join Prog.AI to see contacts

Summary

🤩

Rockstar

🎓

Top School

Tristen Brown is a Principal Designer with 12 years of experience at Mapbox, blending product-focused front-end engineering with thoughtful UI and documentation design for complex mapping libraries. Based in Old Toronto, he has driven improvements across prominent open-source projects like mapbox-gl-js, mapbox-gl-geocoder, and the Maki icon set, often simplifying code, refining UX, and enhancing developer-facing examples. Equally comfortable in front-end and backend work, he has implemented features from React/Mapbox GL integrations to Mapbox Directions server-side refactors and unit tests. Trained in interactive media and performance music, he brings a disciplined, user-centric craft sensibility—evident in small but impactful touches like copy-to-clipboard UX, streamlined geocoder controls, and accessible example documentation. A self-described "gentle lentil," he pairs technical rigor with a collaborative, quietly creative approach to design and engineering.

12 years of coding experience

Graduate certificate, Interactive Media, Graduate certificate, Interactive Media at TELUS Interactive Art and Entertainment Program

Bachelor, Music in Performance, Bachelor, Music in Performance at University of Toronto

Github Skills (50)

api-rest10

site-design10

map-box10

javascript10

page-layout10

box-api10

layout10

mapbox-gl-js10

api-design10

restful-api10

mapbox-gl10

testing10

plugin-development10

css10

typescript10

Programming languages (8)

TypeScriptC++CSSJavaScriptObjective-CHTMLRubyPython

Github contributions (5)

tristen/tablesort

May 2014 - Nov 2022

:arrow_up_down: A small tablesorter in plain JavaScript

Role in this project:

Front-end Developer

Contributions:9 releases, 6 reviews, 116 commits in 8 years 7 months

Contributions summary:Tristen primarily contributed to the front-end development of the tablesort project. Their commits demonstrate a focus on refining the user interface by removing unnecessary elements and modifying the Grunt build process for efficiency. They also addressed documentation, including the addition of example code for default sorting and enhanced the demo page for better user experience.

plain-javascripttablesortjavascriptarrowtablesorter

mapbox/mapbox-react-examples

Aug 2017 - Jun 2022

Example patterns for building React apps with Mapbox GL JS

Role in this project:

Front-end Developer

Contributions:2 reviews, 17 commits, 5 PRs in 4 years 11 months

Contributions summary:Tristen primarily contributed to building React-based examples using the Mapbox GL JS library. They implemented a basic map example, added a React tooltip component for interactive display, and included a data overlay example with interactive features. The contributions involved modifying and creating React components, integrating Mapbox GL JS, and managing the display of data within the map interface, demonstrating a focus on frontend development and data visualization. Furthermore, they also incorporated redux state management.

react-appsreactmapboxmapbox-glpatterns

Find and Hire Top DevelopersWe’ve analyzed the programming source code of over 60 million software developers on GitHub and scored them by 50,000 skills. Sign-up on Prog,AI to search for software developers.

Request Free Trial