Home

Awesome

awesome-ethereum-diagrams

"A picture tells a thousand words." A curated list of useful diagrams with links to original sources. Diagrams help me grasp complex ethereum concepts related to L1, L2, and Defi. Contributions and feedback are welcome.

L1

DiagramSource
<img src="./images/block.jpeg" width="200" height="100">Merkle Patricia Trie in Ethereum - every block header stores roots of three trie structures: stateRoot, transactionRoot, receiptsRoot
<img src="./images/trilemma.png" width="200" height="100">The Scalability Trilemma
<img src="./images/eth_roadmap.jpeg" width="200" height="100">Ethereum roadmap: merge, surge, srourge, verge, purge, splurge
<img src="./images/eth_proof_of_work_chain.png" width="200" height="100">Ethereum proof of work chain
<img src="./images/sharding.png" width="200" height="100">Ethereum sharding
<img src="./images/casper.jpeg" width="200" height="100">Casper FFG in Ethereum 2.0
<img src="./images/epoch.gif" width="200" height="100">Epochs and slots in Ethereum 2.0
<img src="./images/evm-architecture.png" width="200" height="100">Ethereum EVM architecture
<img src="./images/eth-roadmap-202203.jpeg" width="200" height="100">Ethereum roadmap status as of 3/15/2022
<img src="./images/erigon.png" width="200" height="100">The erigon ethereum client
<img src="./images/EL_CL.png" width="200" height="100">Execution/Concencus client pairs
<img src="./images/engineAPI.png" width="200" height="100">POS Execution/Concencus layer interop
<img src="./images/evmstorage.jpeg" width="200" height="100">EVM storage structure
<img src="./images/state-trie.png" width="200" height="100">Ethereum state trie
<img src="./images/eth-mechanism.jpeg" width="200" height="100">Ethereum blockchain mechanism
<img src="./images/charon.png" width="200" height="100">Distributed Ethereum validator
<img src="./images/mev-boost.webp" width="200" height="100">MEV Boost
<img src="./images/attestation_schematic.png" width="200" height="100">Ethereum block attenstations

L2

DiagramSource
<img src="./images/layer2s.jpeg" width="200" height="100">Layer 2 solutions
<img src="./images/optimism.png" width="200" height="100">Optimism high level architecture
<img src="./images/zkSync.png" width="200" height="100">ZKSync high level architecture
<img src="./images/starknet_roadmap.png" width="200" height="100">StarkNet high level roadmap
<img src="./images/connext.png" width="200" height="100">Connext is the interoperability protocol of L2 Ethereum
<img src="./images/celestia.jpeg" width="200" height="100">Celestium as the data availability layer
<img src="./images/celestia.png" width="200" height="100">Celestia - modular blockchain
<img src="./images/Beacon-Chain-RANDAO.png" width="200" height="100">RANDAO selects proposers for each slot, and shuffles validators to committees
<img src="./images/arbitrum.png" width="200" height="100">Arbitrum high level architecture
<img src="./images/arbitrum_trx_paths.png" width="200" height="100">Arbitrum transaction paths
<img src="./images/polygon2.png" width="200" height="100">Polygon architecture
<img src="./images/polygon-edge.png" width="200" height="100">Polygon edge
<img src="./images/chain-and-state-diagram-full.jpeg" width="200" height="100">Ethereum scaling solutions
<img src="./images/zkEvm.png" width="200" height="100">Polygon zkEvm
<img src="./images/arbnitro.png" width="200" height="100">Arbitrum Nitro
<img src="./images/arbnitroarchitecture.png" width="200" height="100">Arbitrum Nitro Code Design

Oracles

DiagramSource
<img src="./images/uma_oracle.png" width="200" height="100">UMA's DVM Oracle
<img src="./images/chainlink.png" width="200" height="100">Chainlink Oracle
<img src="./images/proof_of_reserves.png" width="200" height="100">Chainlink Proof Of Reserves

Frameworks

DiagramSource
<img src="./images/dsproxy.png" width="200" height="100">DS Proxy
<img src="./images/proxy.webp" width="200" height="100">Unstructured Storage Proxy

DeFi and DAO tokenomics

DiagramSource
<img src="./images/uniswap_const_prod_func.png" width="200" height="100">Uniswap Constant Product Function: x * y = k
<img src="./images/uniswap.jpeg" width="200" height="100">Uniswap
<img src="./images/uniswap_liq_provider.jpeg" width="200" height="100">Uniswap Liquidity Provider
<img src="./images/uniswap_trader.jpeg" width="200" height="100">Uniswap Trader
<img src="./images/uni_dai_to_usdc_swap_v1.png" width="200" height="100">Uniswap DAI to USDC swap v1
<img src="./images/uni_dai_usdc_swap_v2.png" width="200" height="100">Uniswap DAI to USDC swap v2
<img src="./images/uni_twap_price.png" width="200" height="100">Uniswap stored TWAP price
<img src="./images/uni_price_from_twap.png" width="200" height="100">Uniswap price from TWAP
<img src="./images/uni_flash_swaps.png" width="200" height="100">Uniswap flash swap
<img src="./images/curve.png" width="200" height="100">Curve Finance
<img src="./images/aave.jpeg" width="200" height="100">Aave
<img src="./images/maker.png" width="200" height="100">Maker protocol smart contract modules system
<img src="./images/tokemak.png" width="200" height="100">Tokemak reactor structure
<img src="./images/fei_pcv_reweights.png" width="200" height="100">FEI pcv reweights
<img src="./images/fei_bonding_curve.png" width="200" height="100">FEI bonding curve
<img src="./images/fei_arbitrage.png" width="200" height="100">FEI arbitrage
<img src="./images/fei_incentivised_exchange.png" width="200" height="100">FEI incentivized exchange
<img src="./images/fei_peg_dynamics.png" width="200" height="100">FEI peg dynamics
<img src="./images/yearn_v2_technical.jpg" width="200" height="100">Yearn v2 architecture
<img src="./images/ondo_fei_laas.png" width="200" height="100">Liquidity as a service with ondo and fei
<img src="./images/lido.png" width="200" height="100">Lido staking
<img src="./images/alchemix.png" width="200" height="100">Alchemix: self repaying loans
<img src="./images/tracer.png" width="200" height="100">Tracer DAO: Factory contracts for derivative markets
<img src="./images/yearn-ecosystem.png" width="200" height="100">Yearn DeFi ecosystem map
<img src="./images/chainlink-keepers.jpeg" width="200" height="100">Chainlink keepers
<img src="./images/chainlink-keeper-alchemix.png" width="200" height="100">Chainlink keepers - Alchemix
<img src="./images/tokemak-high-level.png" width="200" height="100">Tokemak benefits
<img src="./images/aave-contracts.png" width="200" height="100">Aave contracts overview
<img src="./images/dopex.png" width="200" height="100">DeFi options: Dopex options flow
<img src="./images/klima.png" width="200" height="100">Tokenomics of bringing carbon on-chain and using it to back KLIMA
<img src="./images/aladdin_concentrator.png" width="200" height="100">Aladdin Concentrator for maximazing curve LP rewards
<img src="./images/gysr.png" width="200" height="100">GYSR liquidity mining reward mechanism
<img src="./images/gelato.png" width="200" height="100">G-UNI Uniswap v3 liquidity management system with no code
<img src="./images/Frax_tokenomics.png" width="200" height="100">FRAX Tokenomics
<img src="./images/alchemix_elixir.png" width="200" height="100">Alchemix Elixir
<img src="./images/liquid_lockers.jpeg" width="200" height="100">StakeDAO - Liquid lockers
<img src="./images/lyra.png" width="200" height="100">Lyra options AMM
<img src="./images/voltz_architecture.png" width="200" height="100">Voltz IRS
<img src="./images/starknet_dai_bridge.png" width="200" height="100">StarkNet Dai Bridge
<img src="./images/batch_auctions.png" width="200" height="100">COW Protocol / Batch Auctions
<img src="./images/truebitTok.png" width="200" height="100">Truebit Tokenomics
<img src="./images/GEB_overview.svg" width="200" height="100">GEB framework for stable coins
<img src="./images/barnbridgev2.png" width="200" height="100">BarnBridge v2 fixed yield

Governance

DiagramSource
<img src="./images/aragon.png" width="200" height="100">Building DAOs with Aragon

NFT platforms

DiagramSource
<img src="./images/spore-overview.png" width="200" height="100">Spore Ecosystem

Decentralized identity

DiagramSource
<img src="./images/ens_registry.png" width="200" height="100">ENS Registry
<img src="./images/ens_flow.png" width="200" height="100">ENS resolution flow

Social networking

DiagramSource
<img src="./images/collectives.jpeg" width="200" height="100">Collectives by Syndicate

Other blockchain technologies

DiagramSource
<img src="./images/terra_luna.png" width="200" height="100">Terra / Luna Tokenomics
<img src="./images/avalanche_consensus.png" width="200" height="100">Avalanche Consensus
<img src="./images/layerzero.png" width="200" height="100">LayerZero
<img src="./images/Uploaded_from_Sign_in_with_Ethereum.png" width="200" height="100">Spruce/Sign-in with Ethereum
<img src="./images/polygon_id.jpeg" width="200" height="100">Polygon ID
<img src="./images/livepeer.png" width="200" height="100">Livepeer
<img src="./images/livepeerstream.png" width="200" height="100">Livepeer Live Streaming
<img src="./images/truebit.png" width="200" height="100">Truebit-offchain scaling and verification
<img src="./images/livepeer-truebit.png" width="200" height="100">Livepeer Truebit verification