inj-dev-journey-map-experienced-evm-dev--20250722.txt

flowchart TD
    %% style
    classDef n fill:#3d3,stroke:#111,stroke-width:2px,font-size:56px;
    linkStyle default stroke-width:2px;

    %% touch points
    tpx_google:::n@{ shape: rounded, label: "Google" }
    tpi_site:::n@{ shape: rounded, label: "Inj site" }
    tpi_site_build:::n@{ shape: rounded, label: "Inj site build page" }
    tpi_summit_site:::n@{ shape: rounded, label: "Inj Summit site" }
    tpi_tg:::n@{ shape: rounded, label: "Inj telegram" }
    tpx_ledger_blog:::n@{ shape: rounded, label: "Ledger blog" }
    tpx_messari_portal:::n@{ shape: rounded, label: "Messari portal" }
    tpx_coingecko_blog:::n@{ shape: rounded, label: "Coingecko blog" }
    tpi_docs:::n@{ shape: rounded, label: "Inj docs" }
    tpi_hub:::n@{ shape: rounded, label: "Inj hub" }
    tpi_bridge:::n@{ shape: rounded, label: "Inj bridge" }
    tpi_injscan:::n@{ shape: rounded, label: "Inj scan" }
    tpi_docs_ts:::n@{ shape: rounded, label: "Inj TS SDK docs" }
    tpi_github_org:::n@{ shape: rounded, label: "Inj Github Org" }
    tpi_discord:::n@{ shape: rounded, label: "Discord Inj" }
    tpi_blog:::n@{ shape: rounded, label: "Inj blog" }
    tpx_metamask_site:::n@{ shape: rounded, label: "Metamask site" }
    tpx_chrome_plugins:::n@{ shape: rounded, label: "Chrome plugin page" }
    tpx_metamask_onboard:::n@{ shape: rounded, label: "Metamask onboarding flow" }
    tpx_terminal:::n@{ shape: rounded, label: "Terminal" }
    tpx_vscode:::n@{ shape: rounded, label: "VS code" }
    tpi_faucet:::n@{ shape: rounded, label: "Inj faucet" }
    tpi_blockscout:::n@{ shape: rounded, label: "Inj BlockScout" }
    tpx_chrome_devtools:::n@{ shape: rounded, label: "Chrome dev tools" }
    tpx_metamask_docs:::n@{ shape: rounded, label: "Metamask docs" }
    tpx_metamask_plugin:::n@{ shape: rounded, label: "Metamask plugin" }
    tpx_foundry_docs:::n@{ shape: rounded, label: "Foundry docs" }
    tpx_stackoverflow:::n@{ shape: rounded, label: "Stackoverflow" }

    %% dev journey stages
    %% subgraph stage_awareness["`**Awareness`"]
    %%     direction TB
        tpx_google ==> tpx_coingecko_blog
        tpx_google ==> tpx_ledger_blog
        tpx_google ==> tpx_messari_portal
        tpx_google ==> tpi_site
        tpi_site ==> tpi_summit_site
        tpi_summit_site -...-> tpi_site
    %% end
    %% subgraph stage_evaluation["`**Evaluation**`"]
    %%     direction TB
        tpi_site_build ==> tpi_tg
        tpi_tg -...-> tpi_site_build
        tpi_site_build ==> tpi_hub
        tpi_hub -...-> tpi_site_build
        tpi_site_build ==> tpi_injscan
        tpi_injscan -...-> tpi_site_build
        tpi_site_build ==> tpi_docs
        tpi_docs ==> tpi_github_org
        tpi_github_org -...-> tpi_docs
        tpi_docs ===> tpi_discord
        tpi_discord -...-> tpi_docs
        tpi_docs ===> tpx_stackoverflow
        tpx_stackoverflow -...-> tpi_discord
        tpi_discord -...-> tpx_ledger_blog
        tpx_ledger_blog -...-> tpx_messari_portal
        tpx_messari_portal -...-> tpx_coingecko_blog
        tpx_coingecko_blog -...-> tpi_site
        tpi_site -...-> tpi_blog
        tpi_blog -...-> tpi_docs
    %% end
    %% subgraph stage_learn["`**Learn**`"]
    %%     direction TB
        tpi_docs ===> tpi_blog
        tpi_blog ==> tpi_hub
        tpi_blog -...->|multiple| tpi_hub
        tpi_hub -...->|multiple| tpi_docs_ts
        tpi_blog ==> tpx_metamask_site
        tpx_metamask_site ===> tpx_chrome_plugins
        tpx_chrome_plugins ==> tpx_metamask_onboard
        tpx_metamask_onboard ==> tpx_metamask_plugin
        tpx_metamask_plugin -...-> tpx_terminal
        tpx_terminal ===> tpx_vscode
        tpx_vscode -...->|multiple| tpx_metamask_plugin
        tpx_metamask_plugin -...->|multiple| tpx_vscode
        tpx_vscode -...-> tpi_blog
        tpi_blog -...->|multiple| tpi_hub
        tpi_hub -...->|multiple| tpi_blog
        tpi_blog -...-> tpi_docs
        tpi_docs -...->|multiple| tpi_faucet
        tpi_faucet -...->|multiple| tpi_docs
        tpi_docs -...-> tpi_blockscout
        tpi_blockscout -...-> tpi_hub
        tpi_hub -...-> tpi_blockscout
        tpi_blockscout -...->|multiple| tpi_hub
        tpi_hub -...->|multiple| tpi_blockscout
        tpi_blockscout -...-> tpi_faucet
        tpi_faucet ===> tpx_chrome_devtools
        tpx_chrome_devtools -...-> tpx_metamask_docs
        tpx_metamask_docs -...-> tpi_docs
        tpi_docs -...-> tpi_hub
        tpi_hub -...-> tpi_blockscout
        tpi_blockscout -...-> tpx_metamask_plugin
        tpx_metamask_plugin -...-> tpi_docs
        tpi_docs -...-> tpx_metamask_plugin
    %% end
    %% subgraph stage_build["`**Build**`"]
    %%     direction TB
        tpi_docs ==>|multiple| tpx_terminal
        tpx_terminal -...->|multiple| tpi_docs
        tpx_terminal ===>|multiple| tpx_vscode
        tpx_vscode -...->|multiple| tpx_terminal
        tpx_vscode -...-> tpi_blockscout
        tpi_blockscout ===> tpx_metamask_plugin
        tpx_metamask_plugin -...-> tpi_docs
        tpi_docs ===> tpx_vscode
        tpx_vscode ===> tpx_terminal
        tpx_vscode -...->|multiple| tpx_terminal
        tpx_terminal -...->|multiple| tpx_vscode
        tpx_vscode -...-> tpi_blockscout
        tpi_blockscout -...-> tpi_docs
        tpi_docs ===> tpx_foundry_docs
        tpx_foundry_docs -...->|multiple| tpx_terminal
        tpx_terminal -...->|multiple| tpx_foundry_docs
        tpx_terminal -...-> tpi_docs
        tpi_docs ===> tpi_docs_ts
        tpi_docs_ts -...->|multiple| tpi_docs
        tpi_docs -...->|multiple| tpi_docs_ts
    %% end
    %% subgraph stage_scale["`**Scale**`"]
    %%     direction TB
    %% end
    %% stage_awareness -...-> stage_evaluation
    %% stage_evaluation -...-> stage_learn
    %% stage_learn -...-> stage_build
    %% stage_build -...-> stage_scale