Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How To Draw Like A Coder

Avatar for Eric Neuman Eric Neuman
March 14, 0204
Technology
0
38

How To Draw Like A Coder

A brief exploration of whiteboard symbols.

Avatar for Eric Neuman

Eric Neuman

March 14, 0204
Tweet

More Decks by Eric Neuman

See All by Eric Neuman
StroodleDoodle: Some of Why Why and Some Of How
Avatar for Eric Neuman neuman
0
32
Being Eric Neuman: Identity In The Virtual
Avatar for Eric Neuman neuman
0
180
The Info-Groves Project
Avatar for Eric Neuman neuman
0
66
CarteBlanche Permissions CodeMentor Office Hours Webinar
Avatar for Eric Neuman neuman
0
32
Monetizing Information: 3D Printing Edition
Avatar for Eric Neuman neuman
0
88
Roadmap To a Sentience Stack
Avatar for Eric Neuman neuman
0
78

Other Decks in Technology

See All in Technology
CREが作る自己解決サイクルSlackワークフローに組み込んだAIによる社内ヘルプデスク改革 #cre_meetup
Avatar for 弁護士ドットコム bengo4com
0
310
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
4
14k
AIとともに歩んでいくデザイナーの役割の変化
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
840
[2025年10月版] Databricks Data + AI Boot Camp
Avatar for Databricks Japan databricksjapan
1
250
「魔法少女まどか☆マギカ Magia Exedra」のIPのキャラクターを描くための3Dルック開発
Avatar for gree_tech gree_tech
PRO
0
170
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
5.7k
AIプロダクトのプロンプト実践テクニック / Practical Techniques for AI Product Prompts
Avatar for Jumpei Sakatsu saka2jp
0
100
AI AgentをLangflowでサクッと作って、1日働かせてみた！
Avatar for Yano-13 yano13
1
150
もう外には出ない。より快適なフルリモート環境を目指して
Avatar for もっち mottyzzz
13
9.5k
From Natural Language to K8s Operations: The MCP Architecture and Practice of kubectl-ai
Avatar for Bo-Yi Wu appleboy
0
170
生成AIを安心して活用するために──「情報セキュリティガイドライン」策定とポイント
Avatar for gree_tech gree_tech
PRO
1
350
OCIjp_Oracle AI World_Recap
Avatar for Shinya Omori shinpy
1
170

Featured

See All Featured
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
23k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
209
24k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
30
2.9k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
33k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.6k
A better future with KSS
Avatar for Kyle Neath kneath
239
18k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k

Transcript

  1. How to Draw Like A Programmer A Primer On Whiteboard

    Diagrams

  2. There are some symbols that pretty much everyone uses.

  3. You can create new symbols for whatever you are trying

    to diagram.

  4. The flow of information is usually expressed using arrows.

  5. Relationships between database entities can be represented using hashes.

  6. A real database diagram looks like this.

  7. Put it all together and you have everything you need

    to diagram your app.