docs: new stack diagram (#27972)

langchain-ai · Nov 7, 2024 · 733e43e · 733e43e
1 parent a073c4c
commit 733e43e
Show file tree

Hide file tree

Showing 7 changed files with 88 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -59,7 +59,8 @@ For these applications, LangChain simplifies the entire application lifecycle:
 
 - **[LangGraph Cloud](https://langchain-ai.github.io/langgraph/cloud/)**: Turn your LangGraph applications into production-ready APIs and Assistants.
 
-![Diagram outlining the hierarchical organization of the LangChain framework, displaying the interconnected parts across multiple layers.](docs/static/svg/langchain_stack_062024.svg "LangChain Architecture Overview")
+![Diagram outlining the hierarchical organization of the LangChain framework, displaying the interconnected parts across multiple layers.](docs/static/svg/langchain_stack_112024.svg#gh-light-mode-only "LangChain Architecture Overview")
+![Diagram outlining the hierarchical organization of the LangChain framework, displaying the interconnected parts across multiple layers.](docs/static/svg/langchain_stack_112024_dark.svg#gh-dark-mode-only "LangChain Architecture Overview")
 
 ## 🧱 What can you build with LangChain?
 

diff --git a/docs/docs/concepts/architecture.mdx b/docs/docs/concepts/architecture.mdx
@@ -8,8 +8,8 @@ LangChain is a framework that consists of a number of packages.
 <ThemedImage
     alt="Diagram outlining the hierarchical organization of the LangChain framework, displaying the interconnected parts across multiple layers."
     sources={{
-        light: useBaseUrl('/svg/langchain_stack_062024.svg'),
-        dark: useBaseUrl('/svg/langchain_stack_062024_dark.svg'),
+        light: useBaseUrl('/svg/langchain_stack_112024.svg'),
+        dark: useBaseUrl('/svg/langchain_stack_112024_dark.svg'),
     }}
     title="LangChain Framework Overview"
     style={{ width: "100%" }}

diff --git a/docs/docs/introduction.mdx b/docs/docs/introduction.mdx
@@ -19,8 +19,8 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 <ThemedImage
   alt="Diagram outlining the hierarchical organization of the LangChain framework, displaying the interconnected parts across multiple layers."
   sources={{
-    light: useBaseUrl('/svg/langchain_stack_062024.svg'),
-    dark: useBaseUrl('/svg/langchain_stack_062024_dark.svg'),
+    light: useBaseUrl('/svg/langchain_stack_112024.svg'),
+    dark: useBaseUrl('/svg/langchain_stack_112024_dark.svg'),
   }}
   style={{ width: "100%" }}
   title="LangChain Framework Overview"

diff --git a/docs/static/svg/langchain_stack_112024.svg b/docs/static/svg/langchain_stack_112024.svg
diff --git a/docs/static/svg/langchain_stack_112024_dark.svg b/docs/static/svg/langchain_stack_112024_dark.svg
diff --git a/libs/community/README.md b/libs/community/README.md
@@ -15,7 +15,7 @@ LangChain Community contains third-party integrations that implement the base in
 
 For full documentation see the [API reference](https://api.python.langchain.com/en/stable/community_api_reference.html).
 
-![Diagram outlining the hierarchical organization of the LangChain framework, displaying the interconnected parts across multiple layers.](https://raw.githubusercontent.com/langchain-ai/langchain/e1d113ea84a2edcf4a7709fc5be0e972ea74a5d9/docs/static/svg/langchain_stack_062024.svg "LangChain Framework Overview")
+![Diagram outlining the hierarchical organization of the LangChain framework, displaying the interconnected parts across multiple layers.](https://raw.githubusercontent.com/langchain-ai/langchain/e1d113ea84a2edcf4a7709fc5be0e972ea74a5d9/docs/static/svg/langchain_stack_112024.svg "LangChain Framework Overview")
 
 ## 📕 Releases & Versioning
 

diff --git a/libs/core/README.md b/libs/core/README.md
@@ -53,7 +53,7 @@ LangChain Core compiles LCEL sequences to an _optimized execution plan_, with au
 
 For more check out the [LCEL docs](https://python.langchain.com/docs/expression_language/).
 
-![Diagram outlining the hierarchical organization of the LangChain framework, displaying the interconnected parts across multiple layers.](https://raw.githubusercontent.com/langchain-ai/langchain/e1d113ea84a2edcf4a7709fc5be0e972ea74a5d9/docs/static/svg/langchain_stack_062024.svg "LangChain Framework Overview")
+![Diagram outlining the hierarchical organization of the LangChain framework, displaying the interconnected parts across multiple layers.](https://raw.githubusercontent.com/langchain-ai/langchain/master/docs/static/svg/langchain_stack_112024.svg "LangChain Framework Overview")
 
 For more advanced use cases, also check out [LangGraph](https://github.com/langchain-ai/langgraph), which is a graph-based runner for cyclic and recursive LLM workflows.