doc updates (#1639)

---------

Co-authored-by: vbarda <vadym@langchain.dev>

examples/visualization.ipynb

@@ -7,7 +7,11 @@
    "source": [
     "# How to visualize your graph\n",
     "\n",
-    "This notebook walks through how to visualize the graphs you create. This works with ANY [Graph](https://langchain-ai.github.io/langgraph/reference/graphs/)."
+    "This notebook walks through how to visualize the graphs you create. This works with ANY [Graph](https://langchain-ai.github.io/langgraph/reference/graphs/).\n",
+    "\n",
+    "## Setup\n",
+    "\n",
+    "First, let's install the required packages"
    ]
   },
   {
@@ -21,6 +25,19 @@
     "%pip install -U langgraph"
    ]
   },
+  {
+   "cell_type": "markdown",
+   "id": "c45e18aa",
+   "metadata": {},
+   "source": [
+    "<div class=\"admonition tip\">\n",
+    "    <p class=\"admonition-title\">Set up <a href=\"https://smith.langchain.com\">LangSmith</a> for LangGraph development</p>\n",
+    "    <p style=\"padding-top: 5px;\">\n",
+    "        Sign up for LangSmith to quickly spot issues and improve the performance of your LangGraph projects. LangSmith lets you use trace data to debug, test, and monitor your LLM apps built with LangGraph — read more about how to get started <a href=\"https://docs.smith.langchain.com\">here</a>. \n",
+    "    </p>\n",
+    "</div>    "
+   ]
+  },
   {
    "cell_type": "markdown",
    "id": "e130cf70-a30e-47d7-8fd5-464f1a92e374",