diff --git a/README.md b/README.md
index ec51948f..cc743a3e 100644
--- a/README.md
+++ b/README.md
@@ -246,7 +246,9 @@ SevericeLocator::setReader(new AttributeReader);`
 
 ## Technical Information
 
-* [Class Diagram](https://ray-di.github.io/Ray.Aop/images/php-class-diagram.svg) - Class interrelationship diagram created by　[php-class-diagram](https://github.com/smeghead/php-class-diagram).
+For more detailed technical information, please refer to the following resources:
+
+* [Class Diagram](https://ray-di.github.io/Ray.Aop/images/php-class-diagram.html)
 
 ---
 
diff --git a/docs/php-class-diagram.html b/docs/php-class-diagram.html
new file mode 100644
index 00000000..e613e8fb
--- /dev/null
+++ b/docs/php-class-diagram.html
@@ -0,0 +1,17 @@
+<html lang="en">
+<head>
+    <title>Ray.Aop Class Diagram</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="This is a class diagram for the Ray.Aop project.">
+    <! -- This image was generated by the https://github.com/smeghead/php-class-diagram/ library -->.
+    <style>
+         embed {
+             width: 100%;
+             height: auto;
+         }
+    </style>
+</head>
+<body>
+    <embed type="image/svg+xml" src="php-class-diagram.svg"/>
+</body>
+</html>
