OS
OpenStem
@openstem · Joined Jul 2026
7420 public items8 groups
FlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-54.5%20-441)%20rotate(0%2098.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22197%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--amber-dim)%22%20stroke%3D%22var(--amber)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2298.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2298.5%22%20dy%3D%220%22%3E%E2%9A%A1%20State%2Fprop%20change%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-137%20-279)%20rotate(0%20181%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22362%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22181%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22181%22%20dy%3D%220%22%3ERender%20phase%3A%20call%20component%20functions%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-85%20-117)%20rotate(0%20129%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22258%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22129%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22129%22%20dy%3D%220%22%3EBuild%20new%20Virtual%20DOM%20tree%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-63%2045)%20rotate(0%20107%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22107%2C0%20214%2C36%20107%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22107%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22107%22%20dy%3D%220%22%3EDiff%20vs%20previous%20tree%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-278%20207)%20rotate(0%20168%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22336%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22168%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22168%22%20dy%3D%220%22%3E%F0%9F%94%A8%20Commit%20phase%3A%20apply%20DOM%20mutations%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(118%20207)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3ESkip%20commit%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-230%20369)%20rotate(0%20120%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22240%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22120%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22120%22%20dy%3D%220%22%3E%F0%9F%96%BC%EF%B8%8F%20Browser%20paints%20screen%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2044%20-324)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-c4ac083e-2fd6-44ff-a3a0-04c0197a923e%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2044%20-369%20L%2044%20-279%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-c4ac083e-2fd6-44ff-a3a0-04c0197a923e)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2044%20-162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-49672ddd-6ef0-4b4e-96ce-d895d13c91d5%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2044%20-207%20L%2044%20-117%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-49672ddd-6ef0-4b4e-96ce-d895d13c91d5)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2044%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-dbac9ede-424a-4f7d-9788-7ee3981c9bb7%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2044%20-45%20L%2044%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-dbac9ede-424a-4f7d-9788-7ee3981c9bb7)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-67.22222222222223%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-6a18bf24-bcc1-43b4-ba13-e3e8e6d92b1d%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-24.44%20117%20C%20-38.7%20124.5%20-95.74%20147%20-110%20162%20C%20-124.26%20177%20-110%20199.5%20-110%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-6a18bf24-bcc1-43b4-ba13-e3e8e6d92b1d)%22%2F%3E%3Ctext%20x%3D%22-87.14%22%20y%3D%22149.97%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EChanged%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20155.22222222222223%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-197aeeb3-85d1-4222-b92e-2df41abd2a48%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20112.44%20117%20C%20126.7%20124.5%20183.74%20147%20198%20162%20C%20212.26%20177%20198%20199.5%20198%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-197aeeb3-85d1-4222-b92e-2df41abd2a48)%22%2F%3E%3Ctext%20x%3D%22175.14%22%20y%3D%22149.97%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EUnchanged%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-110%20324)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-00fa2442-1e5b-457c-b5d0-66f51a7517cb%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-110%20279%20L%20-110%20369%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-00fa2442-1e5b-457c-b5d0-66f51a7517cb)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · React: The Render Cycle · flowchart
Software · L1 · React: The Render Cycle · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-223.125%20-279)%20rotate(0%20146%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22292%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22146%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22146%22%20dy%3D%220%22%3ENeed%20to%20solve%20a%20lookup%20problem%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-197.125%20-117)%20rotate(0%20120%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22120%2C0%20240%2C36%20120%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22120%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22120%22%20dy%3D%220%22%3ENeed%20fast%20lookup%20by%20key%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-397.375%2045)%20rotate(0%20137.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22275%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22137.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22137.5%22%20dy%3D%220%22%3E%F0%9F%97%82%EF%B8%8F%20Hash%20table%20%E2%80%94%20O(1)%20average%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-62.375%2045)%20rotate(0%20168%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22168%2C0%20336%2C36%20168%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22168%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22168%22%20dy%3D%220%22%3ENeed%20sorted%20order%20or%20range%20queries%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-177.625%20207)%20rotate(0%20124.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22249%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22124.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22124.5%22%20dy%3D%220%22%3E%F0%9F%8C%B3%20Balanced%20BST%20%E2%80%94%20O(log%20n)%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(131.375%20207)%20rotate(0%20133%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22266%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22133%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22133%22%20dy%3D%220%22%3E%F0%9F%93%8B%20Array%20or%20list%20%E2%80%94%20O(n)%20scan%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-77.125%20-162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-e71a8c2d-c425-4ee7-83fa-ec7a96f35a71%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-77.12%20-207%20L%20-77.12%20-117%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-e71a8c2d-c425-4ee7-83fa-ec7a96f35a71)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-209.10888888888888%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-db3f244d-c4dd-4373-9adf-e7a985b7be47%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-158.34%20-45%20C%20-175.27%20-37.5%20-242.95%20-15%20-259.87%200%20C%20-276.79%2015%20-259.87%2037.5%20-259.87%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-db3f244d-c4dd-4373-9adf-e7a985b7be47)%22%2F%3E%3Ctext%20x%3D%22-229.68%22%20y%3D%22-13.38%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2054.86472222222222%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-40723333-24dd-4704-87d1-4f0d0c8dd6da%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%204.1%20-45%20C%2021.02%20-37.5%2088.71%20-15%20105.63%200%20C%20122.55%2015%20105.63%2037.5%20105.63%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-40723333-24dd-4704-87d1-4f0d0c8dd6da)%22%2F%3E%3Ctext%20x%3D%2275.43%22%20y%3D%22-13.38%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-9.025555555555549%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-898288b8-346d-403d-8fad-d119bd0f9ba1%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2035.07%20117%20C%2020.37%20124.5%20-38.42%20147%20-53.12%20162%20C%20-67.82%20177%20-53.12%20199.5%20-53.12%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-898288b8-346d-403d-8fad-d119bd0f9ba1)%22%2F%3E%3Ctext%20x%3D%22-29.07%22%20y%3D%22149.73%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20220.2813888888889%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-47f7c406-f13a-4211-b329-e0f025290314%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20176.18%20117%20C%20190.88%20124.5%20249.68%20147%20264.38%20162%20C%20279.08%20177%20264.38%20199.5%20264.38%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-47f7c406-f13a-4211-b329-e0f025290314)%22%2F%3E%3Ctext%20x%3D%22240.32%22%20y%3D%22149.73%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · Data Structures & Algos: Picking the Right Approach · flowchart
Software · L1 · Data Structures & Algos: Picking the Right Approach · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-330.875%20-360)%20rotate(0%20137.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22275%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22137.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22137.5%22%20dy%3D%220%22%3EChoosing%20where%20to%20store%20data%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-382.875%20-198)%20rotate(0%20189.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22189.5%2C0%20379%2C36%20189.5%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22189.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22189.5%22%20dy%3D%220%22%3ENeed%20joins%20and%20strong%20ACID%20transactions%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-459.125%20-36)%20rotate(0%2094%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22188%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2294%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2294%22%20dy%3D%220%22%3E%F0%9F%A7%AE%20Relational%20%E2%80%94%20SQL%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-211.125%20-36)%20rotate(0%20189.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22189.5%2C0%20379%2C36%20189.5%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22189.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22189.5%22%20dy%3D%220%22%3EData%20is%20nested%20and%20schema%20changes%20often%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-262.125%20126)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%F0%9F%93%84%20Document%20DB%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-42.125%20126)%20rotate(0%20181%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22181%2C0%20362%2C36%20181%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22181%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22181%22%20dy%3D%220%22%3ENeed%20simple%20key%20lookups%20at%20huge%20scale%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-107.875%20288)%20rotate(0%2090%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22180%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2290%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2290%22%20dy%3D%220%22%3E%E2%9A%A1%20Key-value%20store%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(132.125%20288)%20rotate(0%20163.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22327%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22163.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22163.5%22%20dy%3D%220%22%3E%F0%9F%95%B8%EF%B8%8F%20Graph%20DB%20%E2%80%94%20relationship%20queries%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-193.375%20-243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-59bc634f-3ff3-45bc-bb58-86a38e34347c%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-193.37%20-288%20L%20-193.37%20-198%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-59bc634f-3ff3-45bc-bb58-86a38e34347c)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-317.4144444444445%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-8e7f9a49-1e42-4996-aa89-f19b83662a3b%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-269.71%20-126%20C%20-285.61%20-118.5%20-349.22%20-96%20-365.12%20-81%20C%20-381.02%20-66%20-365.12%20-43.5%20-365.12%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-8e7f9a49-1e42-4996-aa89-f19b83662a3b)%22%2F%3E%3Ctext%20x%3D%22-337.76%22%20y%3D%22-93.9%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-69.32972222222223%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-978a31e4-0dbf-4650-abb8-831898b15f54%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-117.04%20-126%20C%20-101.14%20-118.5%20-37.52%20-96%20-21.62%20-81%20C%20-5.72%20-66%20-21.62%20-43.5%20-21.62%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-978a31e4-0dbf-4650-abb8-831898b15f54)%22%2F%3E%3Ctext%20x%3D%22-48.98%22%20y%3D%22-93.9%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-137.53944444444443%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-49ae0816-0900-4805-80cf-6de4a1b99ec1%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-92.96%2036%20C%20-107.82%2043.5%20-167.26%2066%20-182.12%2081%20C%20-196.98%2096%20-182.12%20118.5%20-182.12%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-49ae0816-0900-4805-80cf-6de4a1b99ec1)%22%2F%3E%3Ctext%20x%3D%22-157.62%22%20y%3D%2268.64%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2094.29527777777777%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-7e60835d-69a9-4d42-a601-57ca64517034%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2049.71%2036%20C%2064.57%2043.5%20124.02%2066%20138.88%2081%20C%20153.74%2096%20138.88%20118.5%20138.88%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-7e60835d-69a9-4d42-a601-57ca64517034)%22%2F%3E%3Ctext%20x%3D%22114.38%22%20y%3D%2268.64%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2025.668888888888894%20243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-6b5cddd0-c55b-46fb-b320-3e26eb5f3348%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2069.21%20198%20C%2054.7%20205.5%20-3.36%20228%20-17.87%20243%20C%20-32.38%20258%20-17.87%20280.5%20-17.87%20288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-6b5cddd0-c55b-46fb-b320-3e26eb5f3348)%22%2F%3E%3Ctext%20x%3D%225.68%22%20y%3D%22230.83%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20252.08694444444444%20243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-c7e80a09-04c4-44a4-9cd8-4c4dc9611c17%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20208.54%20198%20C%20223.06%20205.5%20281.12%20228%20295.63%20243%20C%20310.14%20258%20295.63%20280.5%20295.63%20288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-c7e80a09-04c4-44a4-9cd8-4c4dc9611c17)%22%2F%3E%3Ctext%20x%3D%22272.08%22%20y%3D%22230.83%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · System Design: Choosing a Database Type · flowchart
Software · L1 · System Design: Choosing a Database Type · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-100.75%20-360)%20rotate(0%2098.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22197%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2298.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2298.5%22%20dy%3D%220%22%3E%F0%9F%94%93%20BEGIN%20transaction%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-122.25%20-198)%20rotate(0%20120%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22240%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22120%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22120%22%20dy%3D%220%22%3ERun%20INSERT%2FUPDATE%2FDELETE%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-118.25%20-36)%20rotate(0%20116%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22116%2C0%20232%2C36%20116%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22116%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22116%22%20dy%3D%220%22%3EAll%20statements%20succeed%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-226%20126)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%E2%9C%85%20COMMIT%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(61.5%20126)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--red-dim)%22%20stroke%3D%22var(--red)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%E2%86%A9%EF%B8%8F%20ROLLBACK%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-257.5%20288)%20rotate(0%20111.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22223%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22111.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22111.5%22%20dy%3D%220%22%3EChanges%20made%20permanent%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(25.5%20288)%20rotate(0%20116%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22232%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22116%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22116%22%20dy%3D%220%22%3EDatabase%20left%20unchanged%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-2.25%20-243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-05156a64-8de0-4c42-b2ee-35fdccd2881d%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-2.25%20-288%20L%20-2.25%20-198%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-05156a64-8de0-4c42-b2ee-35fdccd2881d)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-2.25%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-736caf1f-3837-4c25-940d-10177e9fce4a%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-2.25%20-126%20L%20-2.25%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-736caf1f-3837-4c25-940d-10177e9fce4a)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-106.06944444444444%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-f1d91f31-f83a-4041-b605-54d76ec8bc9e%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-66.14%2036%20C%20-79.45%2043.5%20-132.69%2066%20-146%2081%20C%20-159.31%2096%20-146%20118.5%20-146%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-f1d91f31-f83a-4041-b605-54d76ec8bc9e)%22%2F%3E%3Ctext%20x%3D%22-125.67%22%20y%3D%2269.55%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20101.56944444444444%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-ee9bcb65-53b2-4d4b-8245-f430ade41c25%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2061.64%2036%20C%2074.95%2043.5%20128.19%2066%20141.5%2081%20C%20154.81%2096%20141.5%20118.5%20141.5%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-ee9bcb65-53b2-4d4b-8245-f430ade41c25)%22%2F%3E%3Ctext%20x%3D%22121.17%22%20y%3D%2269.55%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-146%20243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-6f86307e-23f1-42eb-ace3-361aab311429%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-146%20198%20L%20-146%20288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-6f86307e-23f1-42eb-ace3-361aab311429)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20141.5%20243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-6bc18ed1-b91c-4c93-84f3-85aed6eff8a1%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20141.5%20198%20L%20141.5%20288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-6bc18ed1-b91c-4c93-84f3-85aed6eff8a1)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · SQL: Transactions & ACID · flowchart
Software · L1 · SQL: Transactions & ACID · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-405.25%20-198)%20rotate(0%2094%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22188%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2294%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2294%22%20dy%3D%220%22%3E%F0%9F%93%9D%20Write%20Dockerfile%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-391.25%20-36)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%F0%9F%94%A8%20docker%20build%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-391.25%20126)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3ELocal%20image%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-82.25%20126)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3Edocker%20tag%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-126.75%20-36)%20rotate(0%20124.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22249%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22124.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22124.5%22%20dy%3D%220%22%3E%F0%9F%93%A4%20docker%20push%20to%20registry%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-126.75%20-198)%20rotate(0%20124.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22249%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22124.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22124.5%22%20dy%3D%220%22%3EAnother%20host%3A%20docker%20pull%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(226.75%20-198)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3Edocker%20run%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(208.25%20-36)%20rotate(0%2098.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22197%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2298.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2298.5%22%20dy%3D%220%22%3E%E2%9C%85%20Running%20container%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-311.25%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-61db548c-a67f-451e-8c77-729a4a8035a4%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-311.25%20-126%20L%20-311.25%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-61db548c-a67f-451e-8c77-729a4a8035a4)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-311.25%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-3fdec030-44b8-4cf9-bd13-8e4f535c9b5d%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-311.25%2036%20L%20-311.25%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-3fdec030-44b8-4cf9-bd13-8e4f535c9b5d)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-156.75%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-cdf660fb-07b3-443d-b35b-4a938b2780f0%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-231.25%20162%20L%20-82.25%20162%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-cdf660fb-07b3-443d-b35b-4a938b2780f0)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-2.25%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-49531258-f722-431f-bbc4-198063dffbb2%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-2.25%20126%20L%20-2.25%2036%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-49531258-f722-431f-bbc4-198063dffbb2)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-2.25%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-172a6063-e8df-438e-ab43-bd37654cb2a5%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-2.25%20-36%20L%20-2.25%20-126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-172a6063-e8df-438e-ab43-bd37654cb2a5)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20174.5%20-162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-6baeb586-81e6-45e9-bd4c-b9ed2f90b794%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20122.25%20-162%20L%20226.75%20-162%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-6baeb586-81e6-45e9-bd4c-b9ed2f90b794)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20306.75%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-c0813a20-0a1a-43a4-976a-3878397d158c%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20306.75%20-126%20L%20306.75%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-c0813a20-0a1a-43a4-976a-3878397d158c)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · Docker & Kubernetes: Image Build & Deploy Lifecycle · flowchart
Software · L1 · Docker & Kubernetes: Image Build & Deploy Lifecycle · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-96.5%20-522)%20rotate(0%20116%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22232%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22116%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22116%22%20dy%3D%220%22%3E%F0%9F%8C%B1%20Create%20feature%20branch%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-60.5%20-360)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3ECommit%20changes%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-131%20-198)%20rotate(0%2085.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22171%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2285.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2285.5%22%20dy%3D%220%22%3E%F0%9F%93%A4%20Push%20to%20remote%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-135.5%20-36)%20rotate(0%2090%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22180%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2290%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2290%22%20dy%3D%220%22%3EOpen%20Pull%20Request%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-66%20126)%20rotate(0%2085.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%2285.5%2C0%20171%2C36%2085.5%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2285.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2285.5%22%20dy%3D%220%22%3EReview%20approved%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-70.5%20288)%20rotate(0%2090%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22180%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2290%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2290%22%20dy%3D%220%22%3E%F0%9F%94%80%20Merge%20into%20main%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-61.5%20450)%20rotate(0%2081%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22162%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2281%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2281%22%20dy%3D%220%22%3E%E2%9C%85%20Delete%20branch%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2019.5%20-405)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-f1fca070-d008-4aab-b698-143452134b04%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2019.5%20-450%20L%2019.5%20-360%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-f1fca070-d008-4aab-b698-143452134b04)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-27.444444444444443%20-243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-902a5c7a-1cb8-4dd6-9574-a40e29a5811b%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-9.39%20-288%20C%20-15.41%20-280.5%20-39.48%20-258%20-45.5%20-243%20C%20-51.52%20-228%20-45.5%20-205.5%20-45.5%20-198%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-902a5c7a-1cb8-4dd6-9574-a40e29a5811b)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-45.5%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-53eb4889-6087-4849-a08b-5748f5be0b92%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-45.5%20-126%20L%20-45.5%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-53eb4889-6087-4849-a08b-5748f5be0b92)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-27.444444444444443%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-4e6e7d86-c6f5-4ae8-ab63-55c6576da403%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-45.5%2036%20C%20-45.5%2043.5%20-51.52%2066%20-45.5%2081%20C%20-39.48%2096%20-15.41%20118.5%20-9.39%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-4e6e7d86-c6f5-4ae8-ab63-55c6576da403)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2066.44444444444444%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-bc3be23f-416d-4769-baa1-554ad6d6e410%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2048.39%20126%20C%2054.41%20118.5%2078.48%20102%2084.5%2081%20C%2090.52%2060%2084.5%2027%2084.5%200%20C%2084.5%20-27%2084.5%20-54%2084.5%20-81%20C%2084.5%20-108%2084.5%20-135%2084.5%20-162%20C%2084.5%20-189%2090.52%20-222%2084.5%20-243%20C%2078.48%20-264%2054.41%20-280.5%2048.39%20-288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-bc3be23f-416d-4769-baa1-554ad6d6e410)%22%2F%3E%3Ctext%20x%3D%2284.5%22%20y%3D%22-81%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2019.5%20243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-d3cb9e41-42d5-4235-a165-ec03f45b8a49%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2019.5%20198%20L%2019.5%20288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-d3cb9e41-42d5-4235-a165-ec03f45b8a49)%22%2F%3E%3Ctext%20x%3D%2219.5%22%20y%3D%22243%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2019.5%20405)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-775e285d-fe73-4edc-9c03-956bb62084a5%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2019.5%20360%20L%2019.5%20450%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-775e285d-fe73-4edc-9c03-956bb62084a5)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · Git & Dev Workflow: The Feature Branch Workflow · flowchart
Software · L1 · Git & Dev Workflow: The Feature Branch Workflow · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-176%20-279)%20rotate(0%2094%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22188%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2294%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2294%22%20dy%3D%220%22%3E%F0%9F%A7%B1%20Need%20a%20new%20value%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-198%20-117)%20rotate(0%20116%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22116%2C0%20232%2C36%20116%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22116%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22116%22%20dy%3D%220%22%3ESlice%2C%20map%2C%20or%20channel%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-307.25%2045)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%E2%9C%85%20make%20T%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-87.25%2045)%20rotate(0%20150.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22150.5%2C0%20301%2C36%20150.5%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22150.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22150.5%22%20dy%3D%220%22%3ENeed%20a%20pointer%20to%20a%20zero%20value%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-144.75%20207)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3Enew%20T%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(75.25%20207)%20rotate(0%20116%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22232%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22116%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22116%22%20dy%3D%220%22%3E%F0%9F%93%8B%20Composite%20literal%20T%7B%7D%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-82%20-162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-d63b2180-58e1-4506-abd9-aea78d67e47f%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-82%20-207%20L%20-82%20-117%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-d63b2180-58e1-4506-abd9-aea78d67e47f)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-186.90277777777777%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-ea1a41c5-eda2-4ee8-b895-785fe35c6387%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-146.56%20-45%20C%20-160%20-37.5%20-213.8%20-15%20-227.25%200%20C%20-240.7%2015%20-227.25%2037.5%20-227.25%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-ea1a41c5-eda2-4ee8-b895-785fe35c6387)%22%2F%3E%3Ctext%20x%3D%22-206.55%22%20y%3D%22-11.54%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2022.90277777777778%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-e19cc909-3155-4fb8-b440-a1aed04bc7b7%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-17.44%20-45%20C%20-4%20-37.5%2049.8%20-15%2063.25%200%20C%2076.7%2015%2063.25%2037.5%2063.25%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-e19cc909-3155-4fb8-b440-a1aed04bc7b7)%22%2F%3E%3Ctext%20x%3D%2242.55%22%20y%3D%22-11.54%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-29.194444444444443%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-d6efbed6-a53d-49b4-8444-2c68c37d6ec5%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%206.36%20117%20C%20-5.49%20124.5%20-52.9%20147%20-64.75%20162%20C%20-76.6%20177%20-64.75%20199.5%20-64.75%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-d6efbed6-a53d-49b4-8444-2c68c37d6ec5)%22%2F%3E%3Ctext%20x%3D%22-48.21%22%20y%3D%22151.53%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20155.69444444444446%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-80734f13-e94a-48eb-b83d-e14cb178997e%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20120.14%20117%20C%20131.99%20124.5%20179.4%20147%20191.25%20162%20C%20203.1%20177%20191.25%20199.5%20191.25%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-80734f13-e94a-48eb-b83d-e14cb178997e)%22%2F%3E%3Ctext%20x%3D%22174.71%22%20y%3D%22151.53%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · Go: new(), make(), or a Literal? · flowchart
Software · L1 · Go: new(), make(), or a Literal? · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-185.75%20-360)%20rotate(0%20150.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22301%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22150.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22150.5%22%20dy%3D%220%22%3E%F0%9F%93%A6%20Passing%20a%20value%20to%20a%20function%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-194.25%20-198)%20rotate(0%20159%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22159%2C0%20318%2C36%20159%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22159%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22159%22%20dy%3D%220%22%3EDoes%20the%20function%20need%20to%20own%20it%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(140%20-36)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%E2%9E%A1%EF%B8%8F%20Move%20it%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-309.5%20-36)%20rotate(0%20129%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22129%2C0%20258%2C36%20129%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22129%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22129%22%20dy%3D%220%22%3EDoes%20it%20need%20to%20mutate%20it%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-370.5%20126)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--amber-dim)%22%20stroke%3D%22var(--amber)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%F0%9F%94%A7%20Pass%20%26amp%3Bmut%20T%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-150.5%20126)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3EPass%20%26amp%3BT%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(69.5%20126)%20rotate(0%20150.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22150.5%2C0%20301%2C36%20150.5%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22150.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22150.5%22%20dy%3D%220%22%3EStill%20need%20the%20value%20afterward%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(104%20288)%20rotate(0%20116%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22232%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--violet-dim)%22%20stroke%3D%22var(--violet)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22116%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22116%22%20dy%3D%220%22%3E%F0%9F%A7%AC%20clone%20before%20the%20move%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-35.25%20-243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-b58f78d3-8844-4e38-a519-faf880bc066a%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-35.25%20-288%20L%20-35.25%20-198%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-b58f78d3-8844-4e38-a519-faf880bc066a)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20149.09722222222223%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-bbcf0ad4-7a8f-479f-9236-f589c3bd99f8%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2078.19%20-126%20C%20101.83%20-118.5%20196.37%20-96%20220%20-81%20C%20243.63%20-66%20220%20-43.5%20220%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-bbcf0ad4-7a8f-479f-9236-f589c3bd99f8)%22%2F%3E%3Ctext%20x%3D%22170.54%22%20y%3D%22-96.69%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-140.15277777777777%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-c9f87516-8e2e-435e-b50b-a7e1b99a4b49%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-99.81%20-126%20C%20-113.25%20-118.5%20-167.05%20-96%20-180.5%20-81%20C%20-193.95%20-66%20-180.5%20-43.5%20-180.5%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-c9f87516-8e2e-435e-b50b-a7e1b99a4b49)%22%2F%3E%3Ctext%20x%3D%22-159.8%22%20y%3D%22-92.54%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-259.94444444444446%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-e08e7a26-6580-496e-b755-76efac4f951e%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-229.39%2036%20C%20-239.57%2043.5%20-280.31%2066%20-290.5%2081%20C%20-300.69%2096%20-290.5%20118.5%20-290.5%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-e08e7a26-6580-496e-b755-76efac4f951e)%22%2F%3E%3Ctext%20x%3D%22-278.06%22%20y%3D%2271.84%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-101.05555555555556%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-8ad6c256-4ad6-40de-8137-d93fedbf5b0d%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-131.61%2036%20C%20-121.43%2043.5%20-80.69%2066%20-70.5%2081%20C%20-60.31%2096%20-70.5%20118.5%20-70.5%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-8ad6c256-4ad6-40de-8137-d93fedbf5b0d)%22%2F%3E%3Ctext%20x%3D%22-82.94%22%20y%3D%2271.84%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20220%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-fff7c7ff-a4c5-4335-80a1-6ebc81e6e4da%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20220%2036%20L%20220%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-fff7c7ff-a4c5-4335-80a1-6ebc81e6e4da)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20220%20243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-a48e6aee-cb3d-41b7-8897-8f1eaa73065a%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20220%20198%20L%20220%20288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-a48e6aee-cb3d-41b7-8897-8f1eaa73065a)%22%2F%3E%3Ctext%20x%3D%22220%22%20y%3D%22243%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · Rust: Move, Borrow, or Clone? · flowchart
Software · L1 · Rust: Move, Borrow, or Clone? · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-98.5%20-360)%20rotate(0%2098.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22197%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2298.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2298.5%22%20dy%3D%220%22%3E%F0%9F%93%9D%20Declare%20class%20Car%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-90%20-198)%20rotate(0%2090%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22180%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2290%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2290%22%20dy%3D%220%22%3ECall%20new%20Car(...)%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-116%20-36)%20rotate(0%20116%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22232%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22116%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22116%22%20dy%3D%220%22%3E%F0%9F%8F%97%EF%B8%8F%20JVM%20allocates%20memory%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-168%20126)%20rotate(0%20168%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22336%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22168%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22168%22%20dy%3D%220%22%3EConstructor%20runs%2C%20this%20%3D%20new%20object%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-146%20288)%20rotate(0%20146%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22292%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22146%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22146%22%20dy%3D%220%22%3E%E2%9C%85%20Reference%20returned%20to%20caller%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%20-243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-066ba2c0-0aeb-4072-8af8-5e5d31400b95%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%20-288%20L%200%20-198%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-066ba2c0-0aeb-4072-8af8-5e5d31400b95)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-9210718f-7451-4178-b8df-72dbe2ca0598%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%20-126%20L%200%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-9210718f-7451-4178-b8df-72dbe2ca0598)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-8f5eda80-e139-4128-90e7-d27e44980c62%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%2036%20L%200%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-8f5eda80-e139-4128-90e7-d27e44980c62)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%20243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-bc907380-7ebd-4d35-b489-e94c69705785%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%20198%20L%200%20288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-bc907380-7ebd-4d35-b489-e94c69705785)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · Java: Classes & Objects · flowchart
Software · L1 · Java: Classes & Objects · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-190%20-360)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%F0%9F%93%84%20HTML%20parsed%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-190%20-198)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3EDOM%20tree%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(30%20-360)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%F0%9F%8E%A8%20CSS%20parsed%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(30%20-198)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3ECSSOM%20tree%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-120%20-36)%20rotate(0%20120%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22240%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22120%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22120%22%20dy%3D%220%22%3ECombine%20into%20Render%20Tree%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-159%20126)%20rotate(0%20159%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22318%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--amber-dim)%22%20stroke%3D%22var(--amber)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22159%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22159%22%20dy%3D%220%22%3E%F0%9F%93%90%20Layout%3A%20compute%20size%20%26amp%3B%20position%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-124.5%20288)%20rotate(0%20124.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22249%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22124.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22124.5%22%20dy%3D%220%22%3E%F0%9F%96%8C%EF%B8%8F%20Paint%20pixels%20to%20screen%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-110%20-243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-f0a2ec58-8858-4f92-ac8f-2fa9bae9d2de%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-110%20-288%20L%20-110%20-198%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-f0a2ec58-8858-4f92-ac8f-2fa9bae9d2de)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20110%20-243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-73229181-a9e0-47ef-ae9a-10de50c46273%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20110%20-288%20L%20110%20-198%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-73229181-a9e0-47ef-ae9a-10de50c46273)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-79.44444444444444%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-c1c3fc0b-ad7a-4a1f-bbe2-d185915e064b%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-110%20-126%20C%20-110%20-118.5%20-120.19%20-96%20-110%20-81%20C%20-99.81%20-66%20-59.07%20-43.5%20-48.89%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-c1c3fc0b-ad7a-4a1f-bbe2-d185915e064b)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2079.44444444444444%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-687cf935-b86f-4f85-9fc6-df6badc5e73f%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20110%20-126%20C%20110%20-118.5%20120.19%20-96%20110%20-81%20C%2099.81%20-66%2059.07%20-43.5%2048.89%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-687cf935-b86f-4f85-9fc6-df6badc5e73f)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-6b56d91e-44be-4cf6-8f2f-31a853edfb88%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%2036%20L%200%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-6b56d91e-44be-4cf6-8f2f-31a853edfb88)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%20243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-82158d02-51d0-4e3d-8a9f-64a9ab7405b7%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%20198%20L%200%20288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-82158d02-51d0-4e3d-8a9f-64a9ab7405b7)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · HTML & CSS: How the Browser Renders a Page · flowchart
Software · L1 · HTML & CSS: How the Browser Renders a Page · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-88.75%20-522)%20rotate(0%20116%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22232%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22116%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22116%22%20dy%3D%220%22%3E%E2%9C%8D%EF%B8%8F%20Write%20a%20failing%20test%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-137.25%20-360)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%2280%2C0%20160%2C36%2080%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3ERun%20tests%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-137.25%20-198)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--red-dim)%22%20stroke%3D%22var(--red)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%F0%9F%94%B4%20Red%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-186.25%20-36)%20rotate(0%20129%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22258%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22129%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22129%22%20dy%3D%220%22%3EWrite%20minimal%20code%20to%20pass%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-137.25%20126)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%2280%2C0%20160%2C36%2080%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3ERun%20tests%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-137.25%20288)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%F0%9F%9F%A2%20Green%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-131.75%20450)%20rotate(0%20159%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22318%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22159%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22159%22%20dy%3D%220%22%3ERefactor%20code%2C%20keep%20tests%20passing%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-33.77777777777777%20-405)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-e9c29dc0-aea5-4899-8cef-2abebc317737%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-10.31%20-450%20C%20-18.13%20-442.5%20-49.43%20-420%20-57.25%20-405%20C%20-65.07%20-390%20-57.25%20-367.5%20-57.25%20-360%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-e9c29dc0-aea5-4899-8cef-2abebc317737)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-57.25%20-243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-b3fb23dc-084a-4c9e-bcae-a027ca067249%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-57.25%20-288%20L%20-57.25%20-198%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-b3fb23dc-084a-4c9e-bcae-a027ca067249)%22%2F%3E%3Ctext%20x%3D%22-57.25%22%20y%3D%22-243%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EFails%20as%20expected%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-57.25%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-d2f1f513-5e26-4043-a4c9-09220d40e592%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-57.25%20-126%20L%20-57.25%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-d2f1f513-5e26-4043-a4c9-09220d40e592)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-57.25%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-0ed97320-ef8c-462e-8153-a151076db22e%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-57.25%2036%20L%20-57.25%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-0ed97320-ef8c-462e-8153-a151076db22e)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-57.25%20243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-1e2a7d03-da35-4a17-bf28-adbc0a4aef18%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-57.25%20198%20L%20-57.25%20288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-1e2a7d03-da35-4a17-bf28-adbc0a4aef18)%22%2F%3E%3Ctext%20x%3D%22-57.25%22%20y%3D%22243%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EPass%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-33.77777777777777%20405)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-29ff5305-f78f-4ad6-acb1-8545a206daf4%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-57.25%20360%20C%20-57.25%20367.5%20-65.07%20390%20-57.25%20405%20C%20-49.43%20420%20-18.13%20442.5%20-10.31%20450%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-29ff5305-f78f-4ad6-acb1-8545a206daf4)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2088.27777777777777%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-c4a61b37-611d-4254-8550-0a9817b61e4b%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2064.81%20450%20C%2072.63%20442.5%20103.93%20426%20111.75%20405%20C%20119.57%20384%20111.75%20351%20111.75%20324%20C%20111.75%20297%20111.75%20270%20111.75%20243%20C%20111.75%20216%20111.75%20189%20111.75%20162%20C%20111.75%20135%20111.75%20108%20111.75%2081%20C%20111.75%2054%20111.75%2027%20111.75%200%20C%20111.75%20-27%20111.75%20-54%20111.75%20-81%20C%20111.75%20-108%20111.75%20-135%20111.75%20-162%20C%20111.75%20-189%20111.75%20-216%20111.75%20-243%20C%20111.75%20-270%20111.75%20-297%20111.75%20-324%20C%20111.75%20-351%20119.57%20-384%20111.75%20-405%20C%20103.93%20-426%2072.63%20-442.5%2064.81%20-450%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-c4a61b37-611d-4254-8550-0a9817b61e4b)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · Testing: The Red-Green-Refactor Cycle · flowchart
Software · L1 · Testing: The Red-Green-Refactor Cycle · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-320.375%20-360)%20rotate(0%20120%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22240%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22120%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22120%22%20dy%3D%220%22%3ENeed%20to%20create%20an%20object%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-329.375%20-198)%20rotate(0%20129%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22129%2C0%20258%2C36%20129%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22129%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22129%22%20dy%3D%220%22%3EExactly%20one%20instance%20ever%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-432.125%20-36)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--red-dim)%22%20stroke%3D%22var(--red)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%F0%9F%94%92%20Singleton%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-212.125%20-36)%20rotate(0%20163.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22163.5%2C0%20327%2C36%20163.5%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22163.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22163.5%22%20dy%3D%220%22%3EComplex%20object%20built%20step%20by%20step%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-284.625%20126)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%F0%9F%8F%97%EF%B8%8F%20Builder%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-64.625%20126)%20rotate(0%20172%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22172%2C0%20344%2C36%20172%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22172%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22172%22%20dy%3D%220%22%3ESubclasses%20decide%20the%20concrete%20type%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-134.875%20288)%20rotate(0%2085.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22171%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2285.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2285.5%22%20dy%3D%220%22%3E%F0%9F%8F%AD%20Factory%20Method%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(96.125%20288)%20rotate(0%20168%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22336%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22168%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22168%22%20dy%3D%220%22%3EPrototype%20%E2%80%94%20clone%20existing%20instance%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-200.375%20-243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-a1361866-4d42-4ac3-a483-75fdc86a79c2%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-200.37%20-288%20L%20-200.37%20-198%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-a1361866-4d42-4ac3-a483-75fdc86a79c2)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-309.97%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-d52942e4-8c1f-426c-8a44-953081dbc06f%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-267.82%20-126%20C%20-281.87%20-118.5%20-338.07%20-96%20-352.12%20-81%20C%20-366.17%20-66%20-352.12%20-43.5%20-352.12%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-d52942e4-8c1f-426c-8a44-953081dbc06f)%22%2F%3E%3Ctext%20x%3D%22-329.82%22%20y%3D%22-92.9%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-90.77416666666667%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-6788f905-eeb4-4aa2-b471-274b160e1f8c%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-132.93%20-126%20C%20-118.88%20-118.5%20-62.67%20-96%20-48.62%20-81%20C%20-34.57%20-66%20-48.62%20-43.5%20-48.62%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-6788f905-eeb4-4aa2-b471-274b160e1f8c)%22%2F%3E%3Ctext%20x%3D%22-70.92%22%20y%3D%22-92.91%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-161.28944444444443%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-9bc80674-cf76-4e91-a803-503a48bbdcf3%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-117.96%2036%20C%20-132.4%2043.5%20-190.18%2066%20-204.62%2081%20C%20-219.06%2096%20-204.62%20118.5%20-204.62%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-9bc80674-cf76-4e91-a803-503a48bbdcf3)%22%2F%3E%3Ctext%20x%3D%22-181.26%22%20y%3D%2268.87%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2064.04527777777777%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-7dde616d-0f99-4f11-8199-1cbec8ba7187%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2020.71%2036%20C%2035.16%2043.5%2092.94%2066%20107.38%2081%20C%20121.82%2096%20107.38%20118.5%20107.38%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-7dde616d-0f99-4f11-8199-1cbec8ba7187)%22%2F%3E%3Ctext%20x%3D%2284.01%22%20y%3D%2268.87%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-5.831111111111106%20243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-f07ee894-ab52-4b9a-84fe-57eb4ef0026a%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2037.71%20198%20C%2023.2%20205.5%20-34.86%20228%20-49.37%20243%20C%20-63.88%20258%20-49.37%20280.5%20-49.37%20288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-f07ee894-ab52-4b9a-84fe-57eb4ef0026a)%22%2F%3E%3Ctext%20x%3D%22-25.82%22%20y%3D%22230.83%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20220.58694444444444%20243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-256c536e-0a54-4fc7-a4f1-511c053d7407%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20177.04%20198%20C%20191.56%20205.5%20249.62%20228%20264.13%20243%20C%20278.64%20258%20264.13%20280.5%20264.13%20288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-256c536e-0a54-4fc7-a4f1-511c053d7407)%22%2F%3E%3Ctext%20x%3D%22240.58%22%20y%3D%22230.83%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · Design Patterns: Choosing a Creational Pattern · flowchart
Software · L1 · Design Patterns: Choosing a Creational Pattern · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-24.75%20-441)%20rotate(0%2081%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22162%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2281%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2281%22%20dy%3D%220%22%3E%F0%9F%93%A5%20Script%20starts%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-24.75%20-279)%20rotate(0%2081%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22162%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2281%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2281%22%20dy%3D%220%22%3E%E2%8F%B1%EF%B8%8F%20Timers%20phase%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-146.25%20-117)%20rotate(0%20116%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22232%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22116%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22116%22%20dy%3D%220%22%3EPending%20callbacks%20phase%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-154.75%2045)%20rotate(0%20124.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22249%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22124.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22124.5%22%20dy%3D%220%22%3EPoll%20phase%3A%20I%2FO%20callbacks%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-163.25%20207)%20rotate(0%20133%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22266%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22133%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22133%22%20dy%3D%220%22%3E%E2%9C%85%20Check%20phase%3A%20setImmediate%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-50.75%20369)%20rotate(0%20107%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22214%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22107%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22107%22%20dy%3D%220%22%3EClose%20callbacks%20phase%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2056.25%20-324)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-65cd7bea-b810-432b-b3a1-336861356c0d%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2056.25%20-369%20L%2056.25%20-279%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-65cd7bea-b810-432b-b3a1-336861356c0d)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-6.222222222222221%20-162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-4c3916b5-c4af-40e5-b37a-4e5dcdce57bc%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2017.81%20-207%20C%209.8%20-199.5%20-22.24%20-177%20-30.25%20-162%20C%20-38.26%20-147%20-30.25%20-124.5%20-30.25%20-117%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-4c3916b5-c4af-40e5-b37a-4e5dcdce57bc)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-30.25%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-fd75bf43-5ef2-44e2-84b2-1857272c5358%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-30.25%20-45%20L%20-30.25%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-fd75bf43-5ef2-44e2-84b2-1857272c5358)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-30.25%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-f80ff3fd-b413-400b-91d2-36316475c4f5%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-30.25%20117%20L%20-30.25%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-f80ff3fd-b413-400b-91d2-36316475c4f5)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-6.222222222222221%20324)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-119daa5a-9087-4547-b613-7f34e2553fa3%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-30.25%20279%20C%20-30.25%20286.5%20-38.26%20309%20-30.25%20324%20C%20-22.24%20339%209.8%20361.5%2017.81%20369%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-119daa5a-9087-4547-b613-7f34e2553fa3)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20118.72222222222223%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-65b628e3-88ce-4cd0-9173-b12c9a54ad0c%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2094.69%20369%20C%20102.7%20361.5%20134.74%20345%20142.75%20324%20C%20150.76%20303%20142.75%20270%20142.75%20243%20C%20142.75%20216%20142.75%20189%20142.75%20162%20C%20142.75%20135%20142.75%20108%20142.75%2081%20C%20142.75%2054%20142.75%2027%20142.75%200%20C%20142.75%20-27%20142.75%20-54%20142.75%20-81%20C%20142.75%20-108%20150.76%20-141%20142.75%20-162%20C%20134.74%20-183%20102.7%20-199.5%2094.69%20-207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-65b628e3-88ce-4cd0-9173-b12c9a54ad0c)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · Node.js: Event Loop Walkthrough · flowchart
Software · L1 · Node.js: Event Loop Walkthrough · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-294.25%20-279)%20rotate(0%2094%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22188%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2294%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2294%22%20dy%3D%220%22%3E%E2%8C%A8%EF%B8%8F%20User%20enters%20URL%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-372.25%20-117)%20rotate(0%20172%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22344%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22172%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22172%22%20dy%3D%220%22%3E%F0%9F%94%8E%20DNS%20lookup%20resolves%20hostname%20to%20IP%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-398.75%2045)%20rotate(0%20198.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22397%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22198.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22198.5%22%20dy%3D%220%22%3ETCP%20three-way%20handshake%3A%20SYN%2C%20SYN-ACK%2C%20ACK%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-376.75%20207)%20rotate(0%20176.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22353%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--violet-dim)%22%20stroke%3D%22var(--violet)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22176.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22176.5%22%20dy%3D%220%22%3E%F0%9F%94%92%20TLS%20handshake%20negotiates%20encryption%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(166.75%20207)%20rotate(0%2090%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22180%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2290%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2290%22%20dy%3D%220%22%3EHTTP%20request%20sent%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(114.75%2045)%20rotate(0%20142%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22284%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22142%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22142%22%20dy%3D%220%22%3EServer%20processes%20and%20responds%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(127.75%20-117)%20rotate(0%20129%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22258%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22129%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22129%22%20dy%3D%220%22%3E%E2%9C%85%20Browser%20renders%20response%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-200.25%20-162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-868e1c76-cd08-46c5-94be-cf35cc5fe698%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-200.25%20-207%20L%20-200.25%20-117%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-868e1c76-cd08-46c5-94be-cf35cc5fe698)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-200.25%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-de2fde1f-8ca3-4af6-b1e9-5662f5612583%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-200.25%20-45%20L%20-200.25%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-de2fde1f-8ca3-4af6-b1e9-5662f5612583)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-200.25%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-ae12a0b9-c358-458a-860c-0debb1240e36%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-200.25%20117%20L%20-200.25%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-ae12a0b9-c358-458a-860c-0debb1240e36)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2071.5%20243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-0c197bf8-19f1-4d9a-bd82-e95e3a6f4a4c%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-23.75%20243%20L%20166.75%20243%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-0c197bf8-19f1-4d9a-bd82-e95e3a6f4a4c)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20256.75%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-e133a0dd-0c5a-453e-8348-399b835bc8fd%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20256.75%20207%20L%20256.75%20117%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-e133a0dd-0c5a-453e-8348-399b835bc8fd)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20256.75%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-f00c6151-2542-4d99-be24-e2c26f470c25%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20256.75%2045%20L%20256.75%20-45%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-f00c6151-2542-4d99-be24-e2c26f470c25)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · Networking & HTTP: Anatomy of a Web Request · flowchart
Software · L1 · Networking & HTTP: Anatomy of a Web Request · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-130%20-279)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%F0%9F%86%95%20New%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-130%20-117)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3EReady%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-20%2045)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%E2%96%B6%EF%B8%8F%20Running%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-190%20207)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3EBlocked%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(30%20207)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%F0%9F%8F%81%20Terminated%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-50%20-162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-6f6a29c3-7a8c-4ab0-99a2-229169a648ce%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-50%20-207%20L%20-50%20-117%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-6f6a29c3-7a8c-4ab0-99a2-229169a648ce)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2036.666666666666664%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-eed2277c-5116-487a-8e6d-454e4423fc76%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%203.33%20-45%20C%2014.44%20-37.5%2059.81%20-15%2070%200%20C%2080.19%2015%2065.37%2037.5%2064.44%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-eed2277c-5116-487a-8e6d-454e4423fc76)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-36.111111111111114%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-41e5d246-1556-473d-b068-9fa33c311591%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2011.11%20117%20C%200.93%20124.5%20-34.26%20147%20-50%20162%20C%20-65.74%20177%20-77.78%20199.5%20-83.33%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-41e5d246-1556-473d-b068-9fa33c311591)%22%2F%3E%3Ctext%20x%3D%22-41.99%22%20y%3D%22156.1%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EI%2FO%20or%20event%20wait%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-100.55555555555556%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-156fb086-d5b6-48d0-9e66-cbcabf00c186%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-114.44%20207%20C%20-115.37%20199.5%20-119.07%20183%20-120%20162%20C%20-120.93%20141%20-120%20108%20-120%2081%20C%20-120%2054%20-126.48%2021%20-120%200%20C%20-113.52%20-21%20-87.59%20-37.5%20-81.11%20-45%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-156fb086-d5b6-48d0-9e66-cbcabf00c186)%22%2F%3E%3Ctext%20x%3D%22-120%22%20y%3D%2273.93%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3Eevent%20completes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-19.444444444444443%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-c7ffd300-55d1-495c-b9e4-9e4c6417fb18%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2011.11%2045%20C%200.93%2037.5%20-39.81%2015%20-50%200%20C%20-60.19%20-15%20-50%20-37.5%20-50%20-45%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-c7ffd300-55d1-495c-b9e4-9e4c6417fb18)%22%2F%3E%3Ctext%20x%3D%22-37.56%22%20y%3D%229.16%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3Etime%20slice%20ends%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2096.11111111111111%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-223a2ebc-37c0-4013-bbd2-c3a8b0ec647b%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2082.22%20117%20C%2086.85%20124.5%20105.37%20147%20110%20162%20C%20114.63%20177%20110%20199.5%20110%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-223a2ebc-37c0-4013-bbd2-c3a8b0ec647b)%22%2F%3E%3Ctext%20x%3D%22107.93%22%20y%3D%22158.65%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3Efinishes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · Operating Systems: The Process Lifecycle · flowchart
Software · L1 · Operating Systems: The Process Lifecycle · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-348.25%20-198)%20rotate(0%20210%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22210%2C0%20420%2C36%20210%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22210%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22210%22%20dy%3D%220%22%3EDo%202%2B%20threads%20touch%20this%20data%2C%20and%20does%20at%20least%20one%20write%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-472.75%20-36)%20rotate(0%20133%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22266%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22133%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22133%22%20dy%3D%220%22%3E%E2%9C%85%20No%20synchronization%20needed%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-146.75%20-36)%20rotate(0%20210%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22210%2C0%20420%2C36%20210%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22210%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22210%22%20dy%3D%220%22%3EIs%20it%20a%20single%20simple%20value%20like%20a%20counter%20or%20flag%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-265.25%20126)%20rotate(0%20129%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22258%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22129%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22129%22%20dy%3D%220%22%3E%E2%9A%9B%EF%B8%8F%20Use%20an%20atomic%20operation%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(52.75%20126)%20rotate(0%20210%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22420%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--amber-dim)%22%20stroke%3D%22var(--amber)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22210%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22210%22%20dy%3D%220%22%3E%F0%9F%94%92%20Wrap%20it%20in%20a%20mutex-protected%20critical%20section%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-283.77777777777777%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-844823f4-6a6f-4cd7-ace2-290d75257774%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-227.81%20-126%20C%20-246.46%20-118.5%20-321.09%20-96%20-339.75%20-81%20C%20-358.41%20-66%20-339.75%20-43.5%20-339.75%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-844823f4-6a6f-4cd7-ace2-290d75257774)%22%2F%3E%3Ctext%20x%3D%22-304.65%22%20y%3D%22-95.11%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%207.277777777777779%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-7656f7c6-1fae-4d4b-9f7b-5ee17344bf2c%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-48.69%20-126%20C%20-30.04%20-118.5%2044.59%20-96%2063.25%20-81%20C%2081.91%20-66%2063.25%20-43.5%2063.25%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-7656f7c6-1fae-4d4b-9f7b-5ee17344bf2c)%22%2F%3E%3Ctext%20x%3D%2228.15%22%20y%3D%22-95.11%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-80.83333333333333%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-dd527d43-7855-417c-8829-fabdc15caac9%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-25.42%2036%20C%20-43.89%2043.5%20-117.78%2066%20-136.25%2081%20C%20-154.72%2096%20-136.25%20118.5%20-136.25%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-dd527d43-7855-417c-8829-fabdc15caac9)%22%2F%3E%3Ctext%20x%3D%22-101.68%22%20y%3D%2266.96%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20207.33333333333331%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-3285d7e1-ff2d-4755-8ab2-107edaf648dd%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20151.92%2036%20C%20170.39%2043.5%20244.28%2066%20262.75%2081%20C%20281.22%2096%20262.75%20118.5%20262.75%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-3285d7e1-ff2d-4755-8ab2-107edaf648dd)%22%2F%3E%3Ctext%20x%3D%22228.18%22%20y%3D%2266.96%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · Concurrency: Protecting Shared State · flowchart
Software · L1 · Concurrency: Protecting Shared State · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-136.75%20-603)%20rotate(0%20124.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22249%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22124.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22124.5%22%20dy%3D%220%22%3E%F0%9F%91%A4%20User%20submits%20login%20form%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-128.25%20-441)%20rotate(0%20116%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22232%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22116%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22116%22%20dy%3D%220%22%3EServer%20looks%20up%20account%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-123.75%20-279)%20rotate(0%20111.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22111.5%2C0%20223%2C36%20111.5%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22111.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22111.5%22%20dy%3D%220%22%3EPassword%20hash%20matches%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-278.5%20531)%20rotate(0%20129%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22258%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--red-dim)%22%20stroke%3D%22var(--red)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22129%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22129%22%20dy%3D%220%22%3E%E2%9D%8C%20Reject%3A%20401%20Unauthorized%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-9.5%20-117)%20rotate(0%20124.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22249%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22124.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22124.5%22%20dy%3D%220%22%3E%F0%9F%94%91%20Issue%20session%20id%20or%20JWT%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-48.5%2045)%20rotate(0%20163.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22327%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22163.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22163.5%22%20dy%3D%220%22%3EClient%20stores%20it%3A%20cookie%20or%20header%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-48.5%20207)%20rotate(0%20163.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22327%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22163.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22163.5%22%20dy%3D%220%22%3ERequest%20arrives%20with%20session%2Ftoken%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-22.5%20369)%20rotate(0%20137.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22137.5%2C0%20275%2C36%20137.5%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22137.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22137.5%22%20dy%3D%220%22%3EStill%20valid%20and%20not%20expired%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(39.5%20531)%20rotate(0%2085.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22171%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2285.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2285.5%22%20dy%3D%220%22%3E%E2%9C%85%20Access%20granted%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-12.25%20-486)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-c774f02f-cef8-4f92-b6a1-e8ab681a0516%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-12.25%20-531%20L%20-12.25%20-441%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-c774f02f-cef8-4f92-b6a1-e8ab681a0516)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-12.25%20-324)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-50243596-0b35-4896-8278-2709cdd04200%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-12.25%20-369%20L%20-12.25%20-279%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-50243596-0b35-4896-8278-2709cdd04200)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-118.59722222222223%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-cbaec1a7-99d4-4ec8-a0ca-75059043fcf8%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-77.69%20-207%20C%20-91.33%20-199.5%20-145.87%20-183%20-159.5%20-162%20C%20-173.13%20-141%20-159.5%20-108%20-159.5%20-81%20C%20-159.5%20-54%20-159.5%20-27%20-159.5%200%20C%20-159.5%2027%20-159.5%2054%20-159.5%2081%20C%20-159.5%20108%20-159.5%20135%20-159.5%20162%20C%20-159.5%20189%20-159.5%20216%20-159.5%20243%20C%20-159.5%20270%20-159.5%20297%20-159.5%20324%20C%20-159.5%20351%20-159.5%20378%20-159.5%20405%20C%20-159.5%20432%20-160.43%20465%20-159.5%20486%20C%20-158.57%20507%20-154.87%20523.5%20-153.94%20531%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-cbaec1a7-99d4-4ec8-a0ca-75059043fcf8)%22%2F%3E%3Ctext%20x%3D%22-159.5%22%20y%3D%22137.99%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2079.65277777777777%20-162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-48084b82-a1cb-48f9-89ea-5423fa43dd16%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2044.31%20-207%20C%2056.09%20-199.5%20103.22%20-177%20115%20-162%20C%20126.78%20-147%20115%20-124.5%20115%20-117%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-48084b82-a1cb-48f9-89ea-5423fa43dd16)%22%2F%3E%3Ctext%20x%3D%2298.63%22%20y%3D%22-172.42%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20115%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-3f81527e-165d-462a-be51-6634c173c8d2%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20115%20-45%20L%20115%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-3f81527e-165d-462a-be51-6634c173c8d2)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20115%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-104a768c-a39f-4567-bdf1-b90879c40b60%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20115%20117%20L%20115%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-104a768c-a39f-4567-bdf1-b90879c40b60)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20115%20324)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-f9693d04-7093-44f5-a96a-dae75f693f97%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20115%20279%20L%20115%20369%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-f9693d04-7093-44f5-a96a-dae75f693f97)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20122.22222222222223%20486)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-5b7019ed-cee2-474d-8694-7ea23298e241%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20119.44%20441%20C%20120.37%20448.5%20124.07%20471%20125%20486%20C%20125.93%20501%20125%20523.5%20125%20531%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-5b7019ed-cee2-474d-8694-7ea23298e241)%22%2F%3E%3Ctext%20x%3D%22124.98%22%20y%3D%22485.83%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-19.47222222222223%20486)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-2d878e0a-2eee-4572-bffc-c1f8eaa10fcc%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2054%20441%20C%2041.29%20448.5%202.24%20471%20-22.25%20486%20C%20-46.74%20501%20-81.16%20523.5%20-92.94%20531%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-2d878e0a-2eee-4572-bffc-c1f8eaa10fcc)%22%2F%3E%3Ctext%20x%3D%22-20.21%22%20y%3D%22484.8%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · Security & Auth: Login & Session Flow · flowchart
Software · L1 · Security & Auth: Login & Session Flow · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-554%20-279)%20rotate(0%2085.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22171%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2285.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2285.5%22%20dy%3D%220%22%3EProgram%20syntax%20e%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-815.5%20-117)%20rotate(0%20107%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22214%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22107%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22107%22%20dy%3D%220%22%3EOperational%20semantics%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-198.5%20-117)%20rotate(0%20210%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22420%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22210%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22210%22%20dy%3D%220%22%3EDenotational%20semantics%3A%20compositional%20map%20into%20a%20domain%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-1158.5%2045)%20rotate(0%20210%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22420%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22210%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22210%22%20dy%3D%220%22%3ESmall-step%3A%20e%20-%26gt%3B%20e%26%2339%3B%20(one%20reduction%20at%20a%20time)%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-678.5%2045)%20rotate(0%20210%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22420%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22210%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22210%22%20dy%3D%220%22%3EBig-step%3A%20e%20%E2%87%93%20v%20(final%20value%20in%20one%20judgement)%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-1158.5%20207)%20rotate(0%20210%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22420%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22210%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22210%22%20dy%3D%220%22%3EStuck%20term%3A%20not%20a%20value%2C%20no%20rule%20applies%20(the%20bug%20type%20soundness%20rules%20out)%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-198.5%2045)%20rotate(0%20210%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22420%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22210%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22210%22%20dy%3D%220%22%3ECPO%20domain%20%2B%20least%20fixed%20point%20(Kleene)%20models%20recursion%2Floops%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(618.75%20-279)%20rotate(0%20107%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22214%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22107%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22107%22%20dy%3D%220%22%3EType%20system%20%CE%93%20%E2%8A%A2%20e%20%3A%20%CF%84%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(281.5%20-117)%20rotate(0%20210%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22420%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22210%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22210%22%20dy%3D%220%22%3EProgress%3A%20well-typed%20e%20is%20a%20value%20or%20can%20step%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(761.5%20-117)%20rotate(0%20198.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22397%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22198.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22198.5%22%20dy%3D%220%22%3EPreservation%3A%20e%20-%26gt%3B%20e%26%2339%3B%20preserves%20the%20type%20%CF%84%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(515.75%2045)%20rotate(0%20210%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22420%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22210%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22210%22%20dy%3D%220%22%3EType%20soundness%3A%20well-typed%20programs%20never%20get%20stuck%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-631.25%20-165.571875)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-46edc22e-01dc-4e43-a25d-296c43a65385%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-554%20-214.14%20C%20-579.75%20-205.45%20-682.75%20-178.19%20-708.5%20-162%20C%20-734.25%20-145.81%20-708.5%20-124.5%20-708.5%20-117%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-46edc22e-01dc-4e43-a25d-296c43a65385)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-185.75%20-172.7859375)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-a8c5918b-a71d-489c-b6fd-3a67ef19c8be%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-383%20-228.57%20C%20-317.25%20-217.48%20-54.25%20-180.6%2011.5%20-162%20C%2077.25%20-143.4%2011.5%20-124.5%2011.5%20-117%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-a8c5918b-a71d-489c-b6fd-3a67ef19c8be)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-881.8333333333333%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-a164a8d5-99b2-4e50-84d8-5822fd46026d%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-815.17%20-45%20C%20-837.39%20-37.5%20-926.28%20-15%20-948.5%200%20C%20-970.72%2015%20-948.5%2037.5%20-948.5%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-a164a8d5-99b2-4e50-84d8-5822fd46026d)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-535.1666666666667%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-35bb37fb-d390-4a22-a97c-3f7089d80aab%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-601.83%20-45%20C%20-579.61%20-37.5%20-490.72%20-15%20-468.5%200%20C%20-446.28%2015%20-468.5%2037.5%20-468.5%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-35bb37fb-d390-4a22-a97c-3f7089d80aab)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-948.5%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-511e9226-cc41-4669-8f1e-f96777c0e09a%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-948.5%20117%20L%20-948.5%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-511e9226-cc41-4669-8f1e-f96777c0e09a)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2011.5%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-a534d852-e06a-4770-94ed-e0868c40ad2e%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2011.5%20-45%20L%2011.5%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-a534d852-e06a-4770-94ed-e0868c40ad2e)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20556.5694444444445%20-162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-75c8931b-75e4-49a0-864c-b90ce28424a9%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20621.64%20-207%20C%20599.95%20-199.5%20513.19%20-177%20491.5%20-162%20C%20469.81%20-147%20491.5%20-124.5%20491.5%20-117%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-75c8931b-75e4-49a0-864c-b90ce28424a9)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20894.9305555555555%20-162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-2db5bbf5-ac98-46f4-8e79-b43fd1c270a6%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20829.86%20-207%20C%20851.55%20-199.5%20938.31%20-177%20960%20-162%20C%20981.69%20-147%20960%20-124.5%20960%20-117%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-2db5bbf5-ac98-46f4-8e79-b43fd1c270a6)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20556.5694444444445%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-0b6e4f27-c183-4d6c-920d-35fe6e7f0cb7%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20491.5%20-45%20C%20491.5%20-37.5%20469.81%20-15%20491.5%200%20C%20513.19%2015%20599.95%2037.5%20621.64%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-0b6e4f27-c183-4d6c-920d-35fe6e7f0cb7)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20894.9305555555555%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-b982dc41-0872-46f9-807b-bdb8c8042810%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20960%20-45%20C%20960%20-37.5%20981.69%20-15%20960%200%20C%20938.31%2015%20851.55%2037.5%20829.86%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-b982dc41-0872-46f9-807b-bdb8c8042810)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L5 · Semantics Styles and Type Soundness
Software · L5 · Semantics Styles and Type SoundnessFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-120%20-360)%20rotate(0%20120%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22240%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22120%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22120%22%20dy%3D%220%22%3E%E2%96%B6%EF%B8%8F%20SpringApplication.run%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-124.5%20-198)%20rotate(0%20124.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22249%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22124.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22124.5%22%20dy%3D%220%22%3ECreate%20ApplicationContext%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-107%20-36)%20rotate(0%20107%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22214%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22107%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22107%22%20dy%3D%220%22%3ERegister%20%26amp%3B%20wire%20beans%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-116%20126)%20rotate(0%20116%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22232%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22116%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22116%22%20dy%3D%220%22%3E%F0%9F%9A%80%20Start%20embedded%20server%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-98.5%20288)%20rotate(0%2098.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22197%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2298.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2298.5%22%20dy%3D%220%22%3E%E2%9C%85%20Application%20ready%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%20-243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-5552cbf2-553b-4b0b-8152-2f85c2f17aaa%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%20-288%20L%200%20-198%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-5552cbf2-553b-4b0b-8152-2f85c2f17aaa)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-fe2ec069-9768-4672-9ae0-5d6c57493818%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%20-126%20L%200%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-fe2ec069-9768-4672-9ae0-5d6c57493818)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-d3a111ae-afac-49fc-bcb4-06b3479b33a3%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%2036%20L%200%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-d3a111ae-afac-49fc-bcb4-06b3479b33a3)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%20243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-5933e15e-310c-41f7-8c5e-e81dcb2cb671%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%20198%20L%200%20288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-5933e15e-310c-41f7-8c5e-e81dcb2cb671)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · Spring Boot: Application Lifecycle & Logging · flowchart
Software · L1 · Spring Boot: Application Lifecycle & Logging · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-103%20-360)%20rotate(0%20103%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22206%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22103%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22103%22%20dy%3D%220%22%3E%E2%9C%8F%EF%B8%8F%20Edit%20pubspec.yaml%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-85.5%20-198)%20rotate(0%2085.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22171%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2285.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2285.5%22%20dy%3D%220%22%3ERun%20dart%20pub%20get%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-142%20-36)%20rotate(0%20142%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22284%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22142%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22142%22%20dy%3D%220%22%3E%F0%9F%93%A6%20Resolve%20version%20constraints%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-129%20126)%20rotate(0%20129%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22258%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22129%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22129%22%20dy%3D%220%22%3EDownload%20packages%20to%20cache%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-111.5%20288)%20rotate(0%20111.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22223%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22111.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22111.5%22%20dy%3D%220%22%3E%E2%9C%85%20pubspec.lock%20written%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%20-243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-0bd3e98d-b546-4bea-b4c0-d631e351a709%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%20-288%20L%200%20-198%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-0bd3e98d-b546-4bea-b4c0-d631e351a709)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-cfbf33b3-e126-4d86-adeb-71f5185f19e1%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%20-126%20L%200%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-cfbf33b3-e126-4d86-adeb-71f5185f19e1)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-2fde6fe9-1e64-488f-9715-3777d8ffe11b%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%2036%20L%200%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-2fde6fe9-1e64-488f-9715-3777d8ffe11b)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%20243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-5f703fe5-bd47-4467-be19-907f2b48d670%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%20198%20L%200%20288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-5f703fe5-bd47-4467-be19-907f2b48d670)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · Dart: Packages & Tooling · flowchart
Software · L1 · Dart: Packages & Tooling · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-94%20-360)%20rotate(0%2094%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22188%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--violet-dim)%22%20stroke%3D%22var(--violet)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2294%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2294%22%20dy%3D%220%22%3E%F0%9F%8E%A8%20Define%20ThemeData%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-129%20-198)%20rotate(0%20129%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22258%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22129%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22129%22%20dy%3D%220%22%3EPass%20to%20MaterialApp%20theme%3A%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-142%20-36)%20rotate(0%20142%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22284%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22142%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22142%22%20dy%3D%220%22%3ETheme.of(context)%20resolves%20it%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-185.5%20126)%20rotate(0%20185.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22371%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22185.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22185.5%22%20dy%3D%220%22%3EWidgets%20read%20ambient%20colors%2Ftext%20styles%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-129%20288)%20rotate(0%20129%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22258%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22129%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22129%22%20dy%3D%220%22%3E%E2%9C%85%20Consistent%20look%20app-wide%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%20-243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-b8764385-388c-4b2d-b680-497e03f28156%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%20-288%20L%200%20-198%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-b8764385-388c-4b2d-b680-497e03f28156)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-e7c0cb3a-268b-42d6-bbc8-ae54b8ddf00b%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%20-126%20L%200%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-e7c0cb3a-268b-42d6-bbc8-ae54b8ddf00b)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-68c35aab-60dc-4735-a6c4-82c28e1a592a%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%2036%20L%200%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-68c35aab-60dc-4735-a6c4-82c28e1a592a)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%20243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-4eb71472-1418-42c0-82b5-13836b9fdcfe%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%20198%20L%200%20288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-4eb71472-1418-42c0-82b5-13836b9fdcfe)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · Flutter: Styling & Theming · flowchart
Software · L1 · Flutter: Styling & Theming · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-107%20-360)%20rotate(0%20107%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22214%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22107%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22107%22%20dy%3D%220%22%3E%F0%9F%96%BC%EF%B8%8F%20next%2Fimage%20request%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-133%20-198)%20rotate(0%20133%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22266%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22133%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22133%22%20dy%3D%220%22%3EResize%20to%20needed%20dimensions%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-103%20-36)%20rotate(0%20103%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22206%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22103%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22103%22%20dy%3D%220%22%3EConvert%20to%20WebP%2FAVIF%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-116%20126)%20rotate(0%20116%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22232%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22116%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22116%22%20dy%3D%220%22%3ELazy-load%20if%20off-screen%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-116%20288)%20rotate(0%20116%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22232%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22116%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22116%22%20dy%3D%220%22%3E%E2%9C%85%20Serve%20optimized%20image%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%20-243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-60e3e4be-1371-497b-b897-1895325ff254%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%20-288%20L%200%20-198%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-60e3e4be-1371-497b-b897-1895325ff254)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-a79547c4-127a-4a97-af23-3751d7639d98%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%20-126%20L%200%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-a79547c4-127a-4a97-af23-3751d7639d98)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-f83a8d8c-61e4-488a-9f42-78aef31c04c8%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%2036%20L%200%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-f83a8d8c-61e4-488a-9f42-78aef31c04c8)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%20243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-1dbd940e-97eb-43c2-a512-afbcbd1df4c4%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%20198%20L%200%20288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-1dbd940e-97eb-43c2-a512-afbcbd1df4c4)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · Next.js: Images, Fonts & Assets · flowchart
Software · L1 · Next.js: Images, Fonts & Assets · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-111.5%20-603)%20rotate(0%2094%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22188%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2294%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2294%22%20dy%3D%220%22%3E%F0%9F%8C%90%20Incoming%20request%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-97.5%20-441)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3EMiddleware%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-133.5%20-279)%20rotate(0%20116%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22232%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22116%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22116%22%20dy%3D%220%22%3E%F0%9F%9B%A1%EF%B8%8F%20Guards%3A%20canActivate%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-302.75%20-117)%20rotate(0%20120%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22240%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--red-dim)%22%20stroke%3D%22var(--red)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22120%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22120%22%20dy%3D%220%22%3E%F0%9F%9A%AB%20Forbidden%2FUnauthorized%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-2.75%20-117)%20rotate(0%20150.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22301%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22150.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22150.5%22%20dy%3D%220%22%3EInterceptors%3A%20pre-handler%20logic%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(14.75%2045)%20rotate(0%20133%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22266%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22133%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22133%22%20dy%3D%220%22%3EPipes%3A%20validate%20%26amp%3B%20transform%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(67.75%20207)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3ERoute%20handler%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-7.25%20369)%20rotate(0%20155%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22310%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22155%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22155%22%20dy%3D%220%22%3EInterceptors%3A%20post-handler%20logic%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(66.75%20531)%20rotate(0%2081%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22162%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2281%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2281%22%20dy%3D%220%22%3E%E2%9C%85%20Response%20sent%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-17.5%20-486)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-9fe7e788-0634-457c-96e1-7fc72aa2ab30%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-17.5%20-531%20L%20-17.5%20-441%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-9fe7e788-0634-457c-96e1-7fc72aa2ab30)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-17.5%20-324)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-6e218a6c-2236-4a32-bdd1-5a40178b88f2%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-17.5%20-369%20L%20-17.5%20-279%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-6e218a6c-2236-4a32-bdd1-5a40178b88f2)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-136.84722222222223%20-162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-b31af13e-58de-4f14-9da8-303c88c2f11a%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-90.94%20-207%20C%20-106.25%20-199.5%20-167.45%20-177%20-182.75%20-162%20C%20-198.05%20-147%20-182.75%20-124.5%20-182.75%20-117%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-b31af13e-58de-4f14-9da8-303c88c2f11a)%22%2F%3E%3Ctext%20x%3D%22-157.05%22%20y%3D%22-174.6%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20101.84722222222223%20-162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-3ae8cce8-98b5-4358-bb46-3ac3c22860d1%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2055.94%20-207%20C%2071.25%20-199.5%20132.45%20-177%20147.75%20-162%20C%20163.05%20-147%20147.75%20-124.5%20147.75%20-117%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-3ae8cce8-98b5-4358-bb46-3ac3c22860d1)%22%2F%3E%3Ctext%20x%3D%22122.05%22%20y%3D%22-174.6%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20147.75%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-5bdddc24-78c5-420e-8693-f8ad1d5beff5%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20147.75%20-45%20L%20147.75%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-5bdddc24-78c5-420e-8693-f8ad1d5beff5)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20147.75%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-d473b237-d752-48b7-9127-dae3adb8e041%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20147.75%20117%20L%20147.75%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-d473b237-d752-48b7-9127-dae3adb8e041)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20147.75%20324)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-a737b581-ef53-4469-8621-2db9a6da1895%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20147.75%20279%20L%20147.75%20369%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-a737b581-ef53-4469-8621-2db9a6da1895)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20147.75%20486)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-3fb3aae8-ef2a-40de-aee2-50a3e95bdedf%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20147.75%20441%20L%20147.75%20531%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-3fb3aae8-ef2a-40de-aee2-50a3e95bdedf)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · NestJS: Request Lifecycle · flowchart
Software · L1 · NestJS: Request Lifecycle · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-135.5%20-279)%20rotate(0%20116%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22232%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22116%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22116%22%20dy%3D%220%22%3E%F0%9F%A7%A9%20Related%20data%20to%20model%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-126.5%20-117)%20rotate(0%20107%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22107%2C0%20214%2C36%20107%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22107%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22107%22%20dy%3D%220%22%3EAlways%20read%20together%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-292%20207)%20rotate(0%20111.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22223%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22111.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22111.5%22%20dy%3D%220%22%3E%F0%9F%93%A6%20Embed%20as%20subdocument%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(46%2045)%20rotate(0%2085.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%2285.5%2C0%20171%2C36%2085.5%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2285.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2285.5%22%20dy%3D%220%22%3EGrows%20unbounded%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-9%20207)%20rotate(0%20150.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22301%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22150.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22150.5%22%20dy%3D%220%22%3E%F0%9F%94%97%20Reference%20separate%20collection%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-19.5%20-162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-97cc6c59-70ad-4563-8b2b-7f44e8f86ce3%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-19.5%20-207%20L%20-19.5%20-117%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-97cc6c59-70ad-4563-8b2b-7f44e8f86ce3)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-143%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-e3a4a1df-d4a9-4d49-a17b-7ac118d7d9e0%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-95.5%20-45%20C%20-111.33%20-37.5%20-174.67%20-21%20-190.5%200%20C%20-206.33%2021%20-190.5%2054%20-190.5%2081%20C%20-190.5%20108%20-191.43%20141%20-190.5%20162%20C%20-189.57%20183%20-185.87%20199.5%20-184.94%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-e3a4a1df-d4a9-4d49-a17b-7ac118d7d9e0)%22%2F%3E%3Ctext%20x%3D%22-190.5%22%20y%3D%2251.11%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2089.55555555555556%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-a417743a-5404-48b6-bc95-89dcc3ade2be%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2047.61%20-45%20C%2061.59%20-37.5%20117.52%20-15%20131.5%200%20C%20145.48%2015%20131.5%2037.5%20131.5%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-a417743a-5404-48b6-bc95-89dcc3ade2be)%22%2F%3E%3Ctext%20x%3D%22109.38%22%20y%3D%22-11.86%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20138.72222222222223%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-aee1c8dd-ba51-4424-a1ce-b1dccf7c5dd4%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20135.94%20117%20C%20136.87%20124.5%20140.57%20147%20141.5%20162%20C%20142.43%20177%20141.5%20199.5%20141.5%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-aee1c8dd-ba51-4424-a1ce-b1dccf7c5dd4)%22%2F%3E%3Ctext%20x%3D%22141.48%22%20y%3D%22161.83%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-26.72222222222223%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-c2fc3fc0-5285-4e41-9a94-4156fc207dbc%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2059.94%20117%20C%2045.04%20124.5%20-0.61%20147%20-29.5%20162%20C%20-58.39%20177%20-99.41%20199.5%20-113.39%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-c2fc3fc0-5285-4e41-9a94-4156fc207dbc)%22%2F%3E%3Ctext%20x%3D%22-27.3%22%20y%3D%22160.89%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · MongoDB: Schema Design — Embedding vs Referencing · flowchart
Software · L1 · MongoDB: Schema Design — Embedding vs Referencing · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-200.5%20-360)%20rotate(0%2090%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22180%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2290%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2290%22%20dy%3D%220%22%3E%F0%9F%93%84%20Raw%20text%20column%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-190.5%20-198)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3Eto_tsvector()%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-204.5%20-36)%20rotate(0%2094%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22188%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2294%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2294%22%20dy%3D%220%22%3ENormalized%20lexemes%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(42.5%20-198)%20rotate(0%2081%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22162%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2281%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2281%22%20dy%3D%220%22%3E%F0%9F%94%8D%20Search%20phrase%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(43.5%20-36)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3Eto_tsquery()%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-73.5%20126)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%2280%2C0%20160%2C36%2080%2C72%200%2C36%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3EMatch%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-74.5%20288)%20rotate(0%2081%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22162%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2281%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2281%22%20dy%3D%220%22%3E%E2%9C%85%20Ranked%20result%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-110.5%20-243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-35046b4e-1267-4834-9710-51602fb3408f%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-110.5%20-288%20L%20-110.5%20-198%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-35046b4e-1267-4834-9710-51602fb3408f)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-110.5%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-740e1233-ed41-475f-a945-f7880ab45fbc%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-110.5%20-126%20L%20-110.5%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-740e1233-ed41-475f-a945-f7880ab45fbc)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20123.5%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-7a6ab0de-7410-425a-a6b6-11c88750f637%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20123.5%20-126%20L%20123.5%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-7a6ab0de-7410-425a-a6b6-11c88750f637)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-78%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-00c525cd-a53a-4af3-9456-40622bad7448%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-110.5%2036%20C%20-110.5%2043.5%20-121.33%2066%20-110.5%2081%20C%20-99.67%2096%20-56.33%20118.5%20-45.5%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-00c525cd-a53a-4af3-9456-40622bad7448)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2091%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-ad81b9b7-6ad2-4432-a5fd-64e227490005%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20123.5%2036%20C%20123.5%2043.5%20134.33%2066%20123.5%2081%20C%20112.67%2096%2069.33%20118.5%2058.5%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-ad81b9b7-6ad2-4432-a5fd-64e227490005)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%206.5%20243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-4be3ae46-002a-437a-acac-077cae1e001b%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%206.5%20198%20L%206.5%20288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-4be3ae46-002a-437a-acac-077cae1e001b)%22%2F%3E%3Ctext%20x%3D%226.5%22%20y%3D%22243%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · PostgreSQL: Full-Text Search · flowchart
Software · L1 · PostgreSQL: Full-Text Search · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-148.875%20-279)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%F0%9F%92%BE%20Need%20storage%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-193.375%20-117)%20rotate(0%20124.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22124.5%2C0%20249%2C36%20124.5%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22124.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22124.5%22%20dy%3D%220%22%3EObject%20storage%20over%20HTTP%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-289.875%2045)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%F0%9F%AA%A3%20Amazon%20S3%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-69.875%2045)%20rotate(0%20142%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22142%2C0%20284%2C36%20142%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22142%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22142%22%20dy%3D%220%22%3EShared%20across%20many%20instances%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-127.125%20207)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%F0%9F%93%81%20Amazon%20EFS%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(92.875%20207)%20rotate(0%2098.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22197%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2298.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2298.5%22%20dy%3D%220%22%3E%F0%9F%92%BF%20Amazon%20EBS%20volume%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-68.875%20-162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-1cfdb801-6ca3-4eb3-9c67-8d462e2200cf%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-68.87%20-207%20L%20-68.87%20-117%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-1cfdb801-6ca3-4eb3-9c67-8d462e2200cf)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-170.7061111111111%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-9c66faf1-332d-418e-ab09-ddf952fb70e7%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-131.54%20-45%20C%20-144.59%20-37.5%20-196.81%20-15%20-209.87%200%20C%20-222.93%2015%20-209.87%2037.5%20-209.87%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-9c66faf1-332d-418e-ab09-ddf952fb70e7)%22%2F%3E%3Ctext%20x%3D%22-190.21%22%20y%3D%22-11.29%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2032.96194444444444%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-d5c5523f-6ed5-4e7f-a3c4-5ae00a9af4b2%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-6.21%20-45%20C%206.85%20-37.5%2059.07%20-15%2072.13%200%20C%2085.19%2015%2072.13%2037.5%2072.13%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-d5c5523f-6ed5-4e7f-a3c4-5ae00a9af4b2)%22%2F%3E%3Ctext%20x%3D%2252.47%22%20y%3D%22-11.29%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-13.997777777777777%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-2a85087c-a494-411d-92fe-c62a9ff960a0%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2019.13%20117%20C%208.09%20124.5%20-36.08%20147%20-47.12%20162%20C%20-58.16%20177%20-47.12%20199.5%20-47.12%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-2a85087c-a494-411d-92fe-c62a9ff960a0)%22%2F%3E%3Ctext%20x%3D%22-32.61%22%20y%3D%22152.14%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20158.2536111111111%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-2a1e9f80-30bb-4e09-80cb-7bd9c2ba0dc6%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20125.13%20117%20C%20136.17%20124.5%20180.34%20147%20191.38%20162%20C%20202.42%20177%20191.38%20199.5%20191.38%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-2a1e9f80-30bb-4e09-80cb-7bd9c2ba0dc6)%22%2F%3E%3Ctext%20x%3D%22176.87%22%20y%3D%22152.14%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · AWS: Storage Options Compared · flowchart
Software · L1 · AWS: Storage Options Compared · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-126.75%20-279)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%F0%9F%92%BE%20Need%20storage%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-171.25%20-117)%20rotate(0%20124.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22124.5%2C0%20249%2C36%20124.5%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22124.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22124.5%22%20dy%3D%220%22%3EObject%20storage%20over%20HTTP%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-302%2045)%20rotate(0%20111.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22223%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22111.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22111.5%22%20dy%3D%220%22%3E%F0%9F%AA%A3%20Cloud%20Storage%20bucket%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-19%2045)%20rotate(0%20116%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22116%2C0%20232%2C36%20116%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22116%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22116%22%20dy%3D%220%22%3EShared%20across%20many%20VMs%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-98%20207)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3E%F0%9F%93%81%20Filestore%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(122%20207)%20rotate(0%2090%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22180%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2290%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2290%22%20dy%3D%220%22%3E%F0%9F%92%BF%20Persistent%20Disk%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-46.75%20-162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-36303fdb-4e75-432b-bed6-c656ad4edea5%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-46.75%20-207%20L%20-46.75%20-117%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-36303fdb-4e75-432b-bed6-c656ad4edea5)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-150.56944444444446%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-c02c515c-b2b4-4496-9db2-a5826262e8c4%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-110.64%20-45%20C%20-123.95%20-37.5%20-177.19%20-15%20-190.5%200%20C%20-203.81%2015%20-190.5%2037.5%20-190.5%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-c02c515c-b2b4-4496-9db2-a5826262e8c4)%22%2F%3E%3Ctext%20x%3D%22-170.17%22%20y%3D%22-11.45%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2057.06944444444444%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-e94f9508-c3fa-49f2-89b2-10f75b60e95c%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2017.14%20-45%20C%2030.45%20-37.5%2083.69%20-15%2097%200%20C%20110.31%2015%2097%2037.5%2097%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-e94f9508-c3fa-49f2-89b2-10f75b60e95c)%22%2F%3E%3Ctext%20x%3D%2276.67%22%20y%3D%22-11.45%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2013.944444444444446%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-e95ca7f1-a645-4d3b-8a71-e5f315dca4e8%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2045.89%20117%20C%2035.24%20124.5%20-7.35%20147%20-18%20162%20C%20-28.65%20177%20-18%20199.5%20-18%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-e95ca7f1-a645-4d3b-8a71-e5f315dca4e8)%22%2F%3E%3Ctext%20x%3D%22-4.45%22%20y%3D%22152.46%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20180.05555555555554%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-37a53290-a8d6-4748-9adc-ad75e3d059ad%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20148.11%20117%20C%20158.76%20124.5%20201.35%20147%20212%20162%20C%20222.65%20177%20212%20199.5%20212%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-37a53290-a8d6-4748-9adc-ad75e3d059ad)%22%2F%3E%3Ctext%20x%3D%22198.45%22%20y%3D%22152.46%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · Google Cloud: Storage & Database Options · flowchart
Software · L1 · Google Cloud: Storage & Database Options · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-94%20-441)%20rotate(0%2094%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22188%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2294%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2294%22%20dy%3D%220%22%3E%F0%9F%93%9D%20Write%20.tf%20config%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-142.75%20-279)%20rotate(0%2080%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2280%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2280%22%20dy%3D%220%22%3Eterraform%20init%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-148.25%20-117)%20rotate(0%2085.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22171%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2285.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2285.5%22%20dy%3D%220%22%3E%F0%9F%94%8D%20terraform%20plan%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-98.5%2045)%20rotate(0%2098.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%2298.5%2C0%20197%2C36%2098.5%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2298.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2298.5%22%20dy%3D%220%22%3EPlan%20looks%20correct%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-81%20207)%20rotate(0%2081%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22162%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2281%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2281%22%20dy%3D%220%22%3Eterraform%20apply%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-155%20369)%20rotate(0%20155%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22310%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--green-dim)%22%20stroke%3D%22var(--green)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22155%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22155%22%20dy%3D%220%22%3E%E2%9C%85%20Infrastructure%20created%2Fupdated%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-45.31944444444444%20-324)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-f7f5bfbc-ac13-4bad-a7a7-bef8670eac18%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-27.89%20-369%20C%20-33.7%20-361.5%20-56.94%20-339%20-62.75%20-324%20C%20-68.56%20-309%20-62.75%20-286.5%20-62.75%20-279%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-f7f5bfbc-ac13-4bad-a7a7-bef8670eac18)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-62.75%20-162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-f3c8a15f-6550-4dbf-9d95-56f1acef52c7%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-62.75%20-207%20L%20-62.75%20-117%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-f3c8a15f-6550-4dbf-9d95-56f1acef52c7)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-45.31944444444444%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-45320fff-dac6-46a3-9719-c1cd906a7d55%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-62.75%20-45%20C%20-62.75%20-37.5%20-68.56%20-15%20-62.75%200%20C%20-56.94%2015%20-33.7%2037.5%20-27.89%2045%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-45320fff-dac6-46a3-9719-c1cd906a7d55)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2045.31944444444444%20-162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-2a52935b-70a5-4bec-8c80-6a561ec4c9a3%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2027.89%2045%20C%2033.7%2037.5%2056.94%2021%2062.75%200%20C%2068.56%20-21%2062.75%20-54%2062.75%20-81%20C%2062.75%20-108%2062.75%20-135%2062.75%20-162%20C%2062.75%20-189%2062.75%20-216%2062.75%20-243%20C%2062.75%20-270%2068.56%20-303%2062.75%20-324%20C%2056.94%20-345%2033.7%20-361.5%2027.89%20-369%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-2a52935b-70a5-4bec-8c80-6a561ec4c9a3)%22%2F%3E%3Ctext%20x%3D%2262.75%22%20y%3D%22-162%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%20162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-787bfb57-3290-4ed9-9adf-d3a80819cd7c%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%20117%20L%200%20207%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-787bfb57-3290-4ed9-9adf-d3a80819cd7c)%22%2F%3E%3Ctext%20x%3D%220%22%20y%3D%22162%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%200%20324)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-e421b982-a386-4adf-ac53-e1dac5c5fefe%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%20279%20L%200%20369%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-e421b982-a386-4adf-ac53-e1dac5c5fefe)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L1 · Terraform: The Core Workflow · flowchart
Software · L1 · Terraform: The Core Workflow · flowchartFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-472.25%20-522)%20rotate(0%20210%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22420%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22210%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22210%22%20dy%3D%220%22%3EInitialize%20every%20program%20point%20to%20bottom%20of%20lattice%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-451.75%20-360)%20rotate(0%20189.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22379%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22189.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22189.5%22%20dy%3D%220%22%3EApply%20transfer%20functions%20along%20CFG%20edges%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(4%20-198)%20rotate(0%20210%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22420%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22210%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22210%22%20dy%3D%220%22%3EMerge%20facts%20at%20join%20points%3A%20union%20for%20may%2C%20intersect%20for%20must%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-105%20-36)%20rotate(0%20194%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%22194%2C0%20388%2C36%20194%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22194%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22194%22%20dy%3D%220%22%3EAny%20point%26%2339%3Bs%20value%20changed%20this%20iteration%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-357.25%20126)%20rotate(0%20210%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22420%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22210%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22210%22%20dy%3D%220%22%3EApply%20widening%20operator%20after%20bounded%20iterations%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-482.25%20288)%20rotate(0%20210%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22420%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22210%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22210%22%20dy%3D%220%22%3EExtrapolate%20unstable%20bound%20toward%20top%2Finfinity%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(168.25%20126)%20rotate(0%20111.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22223%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22111.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22111.5%22%20dy%3D%220%22%3ELeast%20fixpoint%20reached%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(77.25%20288)%20rotate(0%20202.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22405%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22202.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22202.5%22%20dy%3D%220%22%3EOptional%20narrowing%20pass%20to%20regain%20precision%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(94.25%20450)%20rotate(0%20185.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22371%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22185.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22185.5%22%20dy%3D%220%22%3EFinal%20sound%20over-approximation%20returned%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-262.25%20-405)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-d9f21ed4-3d47-47fd-a898-7b097e1a974f%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-262.25%20-450%20L%20-262.25%20-360%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-d9f21ed4-3d47-47fd-a898-7b097e1a974f)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2070.625%20-244.88503937007874)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-877d7855-9469-4cae-adf5-8680fd702e66%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-72.75%20-291.77%20C%20-24.96%20-283.64%20166.21%20-258.63%20214%20-243%20C%20261.79%20-227.37%20214%20-205.5%20214%20-198%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-877d7855-9469-4cae-adf5-8680fd702e66)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20179.27777777777777%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-0bcb9f88-cb51-4c1f-8ab7-240600b2e8e3%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20214%20-126%20C%20214%20-118.5%20225.57%20-96%20214%20-81%20C%20202.43%20-66%20156.13%20-43.5%20144.56%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-0bcb9f88-cb51-4c1f-8ab7-240600b2e8e3)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-164.68055555555554%20-162)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-6b37d7ea-06fe-4142-bed5-0fb252d32010%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-67.11%20-36%20C%20-99.63%20-43.5%20-229.73%20-60%20-262.25%20-81%20C%20-294.77%20-102%20-262.25%20-135%20-262.25%20-162%20C%20-262.25%20-189%20-262.25%20-222%20-262.25%20-243%20C%20-262.25%20-264%20-262.25%20-280.5%20-262.25%20-288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-6b37d7ea-06fe-4142-bed5-0fb252d32010)%22%2F%3E%3Ctext%20x%3D%22-262.25%22%20y%3D%22-84.37%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%2C%20and%20lattice%20has%20finite%20height%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-81.625%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-5334bf10-56cc-4872-9de5-2417f2c94f4f%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-16%2036%20C%20-37.87%2043.5%20-125.37%2066%20-147.25%2081%20C%20-169.12%2096%20-147.25%20118.5%20-147.25%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-5334bf10-56cc-4872-9de5-2417f2c94f4f)%22%2F%3E%3Ctext%20x%3D%22-102.91%22%20y%3D%2265.8%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%2C%20and%20lattice%20is%20infinite%20e.g.%20intervals%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-181.97222222222223%20243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-735df818-f2c3-4439-adb4-bf567e712501%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-147.25%20198%20C%20-147.25%20205.5%20-135.68%20228%20-147.25%20243%20C%20-158.82%20258%20-205.12%20280.5%20-216.69%20288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-735df818-f2c3-4439-adb4-bf567e712501)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-359.75%200)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-6dfd6c0d-e2f2-427b-9853-92dc89f35bac%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-327.81%20288%20C%20-339.38%20280.5%20-385.68%20264%20-397.25%20243%20C%20-408.82%20222%20-397.25%20189%20-397.25%20162%20C%20-397.25%20135%20-397.25%20108%20-397.25%2081%20C%20-397.25%2054%20-397.25%2027%20-397.25%200%20C%20-397.25%20-27%20-397.25%20-54%20-397.25%20-81%20C%20-397.25%20-108%20-397.25%20-135%20-397.25%20-162%20C%20-397.25%20-189%20-409.75%20-222%20-397.25%20-243%20C%20-384.75%20-264%20-334.75%20-280.5%20-322.25%20-288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-6dfd6c0d-e2f2-427b-9853-92dc89f35bac)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20226.76388888888889%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-3c672ad6-8d9c-406e-aa36-602a484715b8%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20173.78%2036%20C%20191.44%2043.5%20262.09%2066%20279.75%2081%20C%20297.41%2096%20279.75%20118.5%20279.75%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-3c672ad6-8d9c-406e-aa36-602a484715b8)%22%2F%3E%3Ctext%20x%3D%22247.47%22%20y%3D%2267.29%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3A%20stable%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20279.75%20243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-a1c141e6-4b92-4120-88c4-ac2a510502c2%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20279.75%20198%20L%20279.75%20288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-a1c141e6-4b92-4120-88c4-ac2a510502c2)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20279.75%20405)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-06222d52-c80a-41ec-8644-3945376f3acb%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20279.75%20360%20L%20279.75%20450%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-06222d52-c80a-41ec-8644-3945376f3acb)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Software · L5 · Fixpoint Iteration With Widening
Software · L5 · Fixpoint Iteration With WideningFlowchartSoftware
%3B--surface%3Aoklch(0.225%200.015%20264)%3B--text-2%3Aoklch(0.78%200.012%20264)%3B--text-3%3Aoklch(0.6%200.014%20264)%3B--bg-2%3Aoklch(0.195%200.014%20264)%3B--line-soft%3Aoklch(0.28%200.016%20264)%3B--blue-hi%3Aoklch(0.72%200.15%20262)%3B--green%3Aoklch(0.74%200.15%20158)%3B--amber%3Aoklch(0.78%200.14%2078)%3B--violet%3Aoklch(0.68%200.15%20308)%3B--red%3Aoklch(0.66%200.17%2022)%3B--blue%3Aoklch(0.49%200.17%20262)%3B--cyan%3Aoklch(0.74%200.12%20210)%3B--blue-dim%3Aoklch(0.6%200.16%20262%2F0.14)%3B--green-dim%3Aoklch(0.74%200.15%20158%2F0.14)%3B--amber-dim%3Aoklch(0.78%200.14%2078%2F0.14)%3B--violet-dim%3Aoklch(0.68%200.15%20308%2F0.14)%3B--red-dim%3Aoklch(0.66%200.17%2022%2F0.14)%3B--sans%3Asystem-ui%2Csans-serif%7D%3C%2Fstyle%3E%3Cg%20transform%3D%22translate(-73.625%20-360)%20rotate(0%20111.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22223%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22111.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22111.5%22%20dy%3D%220%22%3E%F0%9F%93%9E%20Run%20synchronous%20code%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-52.125%20-198)%20rotate(0%2090%2036)%22%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%2290%2C0%20180%2C36%2090%2C72%200%2C36%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2290%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2290%22%20dy%3D%220%22%3ECall%20stack%20empty%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-149.375%20-36)%20rotate(0%20111.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22223%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--blue-dim)%22%20stroke%3D%22var(--blue-hi)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22111.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%22111.5%22%20dy%3D%220%22%3E%F0%9F%94%AC%20Drain%20all%20microtasks%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-131.875%20126)%20rotate(0%2094%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22188%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--surface)%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2294%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2294%22%20dy%3D%220%22%3E%F0%9F%8E%A8%20Render%20if%20needed%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-60.625%20288)%20rotate(0%2098.5%2036)%22%3E%3Cg%3E%3Cg%3E%3Crect%20width%3D%22197%22%20height%3D%2272%22%20rx%3D%224%22%20ry%3D%224%22%20fill%3D%22var(--amber-dim)%22%20stroke%3D%22var(--amber)%22%20stroke-width%3D%222%22%20fill-opacity%3D%221%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%2298.5%22%20y%3D%2236%22%20fill%3D%22var(--text)%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20opacity%3D%221%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3E%3Ctspan%20x%3D%2298.5%22%20dy%3D%220%22%3E%E2%8F%B0%20Run%20one%20macrotask%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2030.65638888888889%20-243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-55021cb5-273a-47d1-a43b-e66045317ffb%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2033.43%20-288%20C%2032.51%20-280.5%2027.88%20-258%2027.88%20-243%20C%2027.88%20-228%2032.51%20-205.5%2033.43%20-198%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-55021cb5-273a-47d1-a43b-e66045317ffb)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2045.100833333333334%20-243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-f0972b1e-f456-4617-abb6-68ccc817e954%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2042.32%20-198%20C%2043.25%20-205.5%2047.88%20-228%2047.88%20-243%20C%2047.88%20-258%2043.25%20-280.5%2042.32%20-288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-f0972b1e-f456-4617-abb6-68ccc817e954)%22%2F%3E%3Ctext%20x%3D%2247.88%22%20y%3D%22-243%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3ENo%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-16.83111111111111%20-81)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-725c8701-c10a-4cd3-92f3-658e359f6bd3%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%204.21%20-126%20C%20-2.8%20-118.5%20-30.86%20-96%20-37.87%20-81%20C%20-44.88%20-66%20-37.87%20-43.5%20-37.87%20-36%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-725c8701-c10a-4cd3-92f3-658e359f6bd3)%22%2F%3E%3Ctext%20x%3D%22-32.2%22%20y%3D%22-87.07%22%20fill%3D%22var(--text)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20paint-order%3D%22stroke%22%20stroke%3D%22var(--bg-2)%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%20style%3D%22pointer-events%3Anone%3Buser-select%3Anone%22%3EYes%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-37.875%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-b1987ed9-b7a6-412c-bbfb-f53ab6d548cd%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-37.87%2036%20L%20-37.87%20126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-b1987ed9-b7a6-412c-bbfb-f53ab6d548cd)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%20-16.83111111111111%20243)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-7c6b812c-4a75-43f7-994e-7e098b1c6335%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20-37.87%20198%20C%20-37.87%20205.5%20-44.88%20228%20-37.87%20243%20C%20-30.86%20258%20-2.8%20280.5%204.21%20288%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-7c6b812c-4a75-43f7-994e-7e098b1c6335)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%200)%20rotate(0%2092.58694444444444%2081)%22%3E%3Cg%3E%3Cdefs%3E%3Cmarker%20id%3D%22ee-7ba43d94-5856-4dd0-be24-ccbd5063b2a8%22%20markerWidth%3D%2210%22%20markerHeight%3D%2210%22%20refX%3D%228%22%20refY%3D%223%22%20orient%3D%22auto%22%20markerUnits%3D%22strokeWidth%22%3E%3Cpath%20d%3D%22M0%2C0%20L8%2C3%20L0%2C6%20Z%22%20fill%3D%22var(--text)%22%2F%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%2071.54%20288%20C%2078.56%20280.5%20106.62%20264%20113.63%20243%20C%20120.64%20222%20113.63%20189%20113.63%20162%20C%20113.63%20135%20113.63%20108%20113.63%2081%20C%20113.63%2054%20113.63%2027%20113.63%200%20C%20113.63%20-27%20120.64%20-60%20113.63%20-81%20C%20106.62%20-102%2078.56%20-118.5%2071.54%20-126%22%20fill%3D%22none%22%20stroke%3D%22var(--text)%22%20stroke-width%3D%222%22%20opacity%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20marker-end%3D%22url(%23ee-7ba43d94-5856-4dd0-be24-ccbd5063b2a8)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)