I created a diagram representation for quixio

[ivanmilevtues]

Hey, I am working on an open-source tool to generate interactive diagram representations of codebases. The diagram starts from the highest level of abstraction and if you click on any of the components, there is a diagram in the same style for that component:

graph LR
    Application_Orchestrator["Application Orchestrator"]
    Kafka_Client["Kafka Client"]
    Stream_Processing_Engine["Stream Processing Engine"]
    Data_Sources["Data Sources"]
    Data_Sinks["Data Sinks"]
    State_Store["State Store"]
    Serialization_Deserialization_SerDe_["Serialization/Deserialization (SerDe)"]
    Topic_Manager["Topic Manager"]
    Data_Enrichment_Joins["Data Enrichment & Joins"]
    Application_Orchestrator -- "initiates and manages" --> Kafka_Client
    Application_Orchestrator -- "initiates and manages" --> Topic_Manager
    Application_Orchestrator -- "initiates and manages" --> Stream_Processing_Engine
    Application_Orchestrator -- "initiates and manages" --> Data_Sources
    Application_Orchestrator -- "initiates and manages" --> Data_Sinks
    Application_Orchestrator -- "initiates and manages" --> State_Store
    Data_Sources -- "produces data to" --> Kafka_Client
    Kafka_Client -- "consumes data for" --> Stream_Processing_Engine
    Kafka_Client -- "utilizes" --> Serialization_Deserialization_SerDe_
    Stream_Processing_Engine -- "interacts with" --> Kafka_Client
    Stream_Processing_Engine -- "utilizes" --> State_Store
    Stream_Processing_Engine -- "utilizes" --> Data_Enrichment_Joins
    Stream_Processing_Engine -- "routes processed data to" --> Data_Sinks
    Topic_Manager -- "interacts with Kafka via" --> Kafka_Client
    click Application_Orchestrator href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/quix-streams/Application_Orchestrator.md" "Details"
    click Kafka_Client href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/quix-streams/Kafka_Client.md" "Details"
    click Stream_Processing_Engine href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/quix-streams/Stream_Processing_Engine.md" "Details"
    click Data_Sources href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/quix-streams/Data_Sources.md" "Details"
    click Data_Sinks href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/quix-streams/Data_Sinks.md" "Details"
    click State_Store href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/quix-streams/State_Store.md" "Details"
    click Topic_Manager href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/quix-streams/Topic_Manager.md" "Details"
    click Data_Enrichment_Joins href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/quix-streams/Data_Enrichment_Joins.md" "Details"

Loading

The generation tool is based on Static Analysis and LLMs and is fully open-source: https://github.com/CodeBoarding/CodeBoarding

You can see the full diagram here: https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/quix-streams/on_boarding.md

Any feedback is appreciated! Would love to hear your opinion on diagrams as an exploration tooling and diagram first documentation!