Learning on Web Dev Open is free for all.

System Design & Performance > The methodDraw the data flow, not the org chart
Phase 06The method286 of 434

Draw the data flow, not the org chart

One diagram of a system you have shipped, where every arrow is labelled with what travels along it and every box says who owns the data inside.

Build45 minAI pair

Build this in your own editor

This one runs on your machine rather than in the browser workbench. Work to the outcomes below, then come back and mark it complete.

You should now be able to

  • Draw a system as data movement rather than components
  • Label each arrow with payload, direction and trigger
  • Find the arrow you could not explain
Ask the community

Loading…