diff --git a/areachart/stacked-areachart/index.html b/areachart/stacked-areachart/index.html
index 95d0cc8..dbdaac7 100644
--- a/areachart/stacked-areachart/index.html
+++ b/areachart/stacked-areachart/index.html
@@ -21,16 +21,16 @@
 
 <body>
   <div class="mx-auto my-6 text-center">
-    <h1 class="py-8 text-2xl font-bold">河流图</h1>
+    <h1 class="py-8 text-2xl font-bold">堆叠式面积图</h1>
     <p>不同行业的失业人数在 2000-2010 年间各月份的变化情况</p>
     <div class="py-2 text-sm flex flex-wrap justify-center items-center gap-4">
       <a href="../../index.html"
         class="text-blue-500 hover:text-blue-600 underline transition-colors duration-300">首页</a>
-      <a href="https://observablehq.com/@benbinbin/streamgraph" target="_blank"
+      <a href="https://observablehq.com/@benbinbin/stacked-area-chart" target="_blank"
         class="text-blue-500 hover:text-blue-600 underline transition-colors duration-300">参考</a>
-      <a href="https://github.com/Benbinbin/d3-learning/tree/main/areachart/streamgraph/" target="_blank"
+      <a href="https://github.com/Benbinbin/d3-learning/tree/main/areachart/stacked-areachart/" target="_blank"
         class="text-blue-500 hover:text-blue-600 underline transition-colors duration-300">代码</a>
-      <a href="https://datavis-note.benbinbin.com/article/d3/chart-example/d3-chart-example-area-chart#河流图"
+      <a href="https://datavis-note.benbinbin.com/article/d3/chart-example/d3-chart-example-area-chart#堆叠式面积图"
         target="_blank" class="text-blue-500 hover:text-blue-600 underline transition-colors duration-300">笔记</a>
     </div>
   </div>
diff --git a/areachart/streamgraph/index.html b/areachart/streamgraph/index.html
index fe7b47f..663b71a 100644
--- a/areachart/streamgraph/index.html
+++ b/areachart/streamgraph/index.html
@@ -21,16 +21,16 @@
 
 <body>
   <div class="mx-auto my-6 text-center">
-    <h1 class="py-8 text-2xl font-bold">堆叠式面积图</h1>
+    <h1 class="py-8 text-2xl font-bold">河流图</h1>
     <p>不同行业的失业人数在 2000-2010 年间各月份的变化情况</p>
     <div class="py-2 text-sm flex flex-wrap justify-center items-center gap-4">
       <a href="../../index.html"
         class="text-blue-500 hover:text-blue-600 underline transition-colors duration-300">首页</a>
-      <a href="https://observablehq.com/@benbinbin/stacked-area-chart" target="_blank"
+      <a href="https://observablehq.com/@benbinbin/streamgraph" target="_blank"
         class="text-blue-500 hover:text-blue-600 underline transition-colors duration-300">参考</a>
-      <a href="https://github.com/Benbinbin/d3-learning/tree/main/areachart/stacked-areachart/" target="_blank"
+      <a href="https://github.com/Benbinbin/d3-learning/tree/main/areachart/streamgraph/" target="_blank"
         class="text-blue-500 hover:text-blue-600 underline transition-colors duration-300">代码</a>
-      <a href="https://datavis-note.benbinbin.com/article/d3/chart-example/d3-chart-example-area-chart#堆叠式面积图"
+      <a href="https://datavis-note.benbinbin.com/article/d3/chart-example/d3-chart-example-area-chart#河流图"
         target="_blank" class="text-blue-500 hover:text-blue-600 underline transition-colors duration-300">笔记</a>
     </div>
   </div>
