DataDiver
OPENExplore San Francisco through its public data.
About this project
Direct explorations of San Francisco open data: emergency-response patterns, parking-revenue flows, and neighborhood-scale questions.
MAKE IT PUBLIC
VIEW IMPOSSIBLYSIMPLE
Thirty years of transforming impossible ideas into clear, usable systems.
A closer look.
Choose a viewReal tools. Still unfolding.Explore DataDiver
IN THE JLAB
Made here. Open and explore.
VIEW SlideDrop
OPENTurn a story into a slide. Make it ready for class.
About this project
Paste a story link, add your headline and question, and choose a look. Preview the slide as you work, then save it for class.
MAKE IT TEACHABLE
VIEW BC Builder
DETAILSDesign a business card. Make it yours. Print it.
About this project
A business-card builder with live previews, type pairings, and print layouts for Avery sheets. Public access is not yet available here.
MAKE IT USABLEDevMan / Tarmac
DETAILSA control room for projects and the servers behind them.
About this project
DevMan keeps project work in view. Tarmac starts, stops, and monitors local development servers. These tools run on the developer’s own machine; their source repositories are currently private.
MAKE IT USABLE
VIEW A working lab.
A life on the web.
CURRENT
WORK
Out in the world.
Independent projects with homes of their own. Tools for newsrooms, classrooms, neighborhoods, and the freedom to move.
VIEW FULL SCREENSHOT Resonate
NOW · CIVIC MEDIA
A civic marketplace connecting public communicators and local businesses with community and ethnic media publishers.
MAKE IT LOCAL
VIEW FULL SCREENSHOT PEVRA
NOW · PERSONAL ELECTRIC MOBILITY
A home for personal electric vehicle riders, community, and advocacy.
MAKE IT MOVE
VIEW FULL SCREENSHOT Warmly
NOW · NEIGHBORHOODS
A way for neighbors to find a local fire station, understand what it needs, and make a direct human connection.
MAKE IT LOCAL
VIEW FULL SCREENSHOT Flow
NOW · MOBILE NAVIGATION
Charge-aware navigation and live ride tooling for electric-unicycle and personal-electric-vehicle riders.
MAKE IT MOVE
VIEW FULL SCREENSHOT CloudGrader
NOW · EDUCATION
Rule-based assessment of design files and web projects, built to return detailed feedback while students can still use it.
MAKE IT TEACHABLE
VIEW FULL SCREENSHOT SF Independent Media Coalition
One shared front page for independent newsrooms whose reporting is deeply rooted in San Francisco communities.
Visit project (opens in a new tab)MAKE IT LOCALFrom the workbench Tools & experiments
Wheelie
A playful electric-unicycle game that keeps changing form as the underlying web becomes capable of more.
MAKE IT MOVEJESSE’S
ARCHIVE
Different eras. The same standards.
Live results, local reporting, newsroom tools. The digital world never stopped evolving. So did the work.
SF VOTE 96
NO IMAGE SURVIVESThe first public artifact. San Francisco presidential election results, neighborhood by neighborhood, live on election night.
Built with fellow students and hosted on student space at SF State. What remains is the description—and everything it set in motion.
MAKE IT PUBLICFollow that instinct to DataDiver
VIEW FULL SCREENSHOT A river.
A dream.
Jesse’s first professional homepage. Its river winds from the horizon toward the viewer—the same current this archive resurfaces, decades later.
Explore Stonehopper (opens in a new tab)MAKE IT MOVEAll the work
that couldn’t wait.
National, international, and local news. The biggest papers, a global wire service, an independent newsroom.
VIEW FULL SCREENSHOT eXaminer.com
1998 · SAN FRANCISCO EXAMINER
Design and technical infrastructure for a spunky afternoon daily. Launched its live voice onto the web.
MAKE IT NOW
VIEW FULL SCREENSHOT Inside AP
2000s · ASSOCIATED PRESS
An early intranet that put essential tools at the fingertips of wire service correspondents and employees around the world.
MAKE IT USABLE
VIEW FULL SCREENSHOT AP Graphics Workflow
2000s · ASSOCIATED PRESS
A live production system for commissioning, tracking, editing, and delivering editorial graphics across the wire.
MAKE IT USABLE
VIEW FULL SCREENSHOT SFBay
2011–2025 · BAY AREA
A 100-percent local newsroom designed, coded, edited, and continuously rebuilt for the changing shape of the Bay Area.
MAKE IT NOW
Further upstream
Census 20002000 · ASSOCIATED PRESS
An interactive census project that turned a vast public dataset into a usable editorial resource.
VIEW FULL SCREENSHOT Original project record (opens in a new tab)MAKE IT PUBLICAP Election Services2000s · ASSOCIATED PRESS
Election-night systems where speed, state, and editorial accountability had to remain legible under pressure.
VIEW FULL SCREENSHOT Original project record (opens in a new tab)MAKE IT NOWAP New Graphics2004 · ASSOCIATED PRESS
A shared view of what was new, what was moving, and what an editor needed next.
Original project record (opens in a new tab)MAKE IT TEACHABLENewsworx + NewspointsSF STATE · JOURNALISM
Publishing and feedback systems shaped inside the classroom, where the tools and the curriculum continuously informed one another.
MAKE IT TEACHABLECLEAR.
CONCISE.
MOBILE.
The Society of Professional Journalists, Northern California recognized SFBay’s clear, concise web and mobile design with its 2019 Excellence in Journalism award for design.
SPJ NORCAL · 2019Read the citation (opens in a new tab)
Everything matters.
Everything is connected.
Everyone is watching.
Jesse Garnier is an educator, journalist, designer, developer, and civic builder in San Francisco.
WE TURN THE SIMPLY IMPOSSIBLE INTO THE IMPOSSIBLY SIMPLE.