diff --git a/README.md b/README.md
index 5b04fc9cb897b61402bea6ed9601325bc2fa39bc..f0f484dcd7b753e5c5227bceea07c10ce7bf6708 100644
--- a/README.md
+++ b/README.md
@@ -1,81 +1,49 @@
-# d3ForceDemo d3力导向图
-最近项目中可能会用到力导向布局图 于是自己写咯个demo 此demo大概实现功能如下：
+# d3ForceDemo
 
- * 需要实现的功能：
- * 1、首次页面布局好看（d3自带 这也是吸引我用d3的原因）实现
- * 2、点的自定义属性 实现
- * 3、点的自定义颜色 实现
- * 4、点的自定义大小 实现
- * 5、点的自定义图片（可实现 此demo未做体现）
- * 6、点的mouseover事件 实现
- * 7、点的mouseout事件 实现
- * 8、点的dblclick事件 实现
- * 9、点的mousedown事件 实现
- * 10、点的mouseup事件 实现
- * 11、点的click事件 实现
- * 12、点的拖拽功能 实现
- * 13、点的增加功能 实现
- * 14、点的删除功能 实现
- * 15、点的更改功能
- * 16、点的查找功能
- * 17、点的自定义位置 不受力的作用 实现
- * 18、点的自定义文字 实现
- * 19、线的自定义颜色 实现
- * 20、线的自定义粗细 实现
- * 21、线的自定义属性 实现
- * 22、线的箭头及其它形形状（可实现 此demo未做体现）
- * 23、线的流动性样式（未做研究）
- * 24、虚线（未做研究）
- * 25、曲线（未做研究）
- * 26、拆线（未做研究）
- * 27、贝塞尔曲线（未做研究）
- * 28、线的mouseover事件 实现
- * 29、线的mouseout事件 实现
- * 30、线的dblclick事件 实现
- * 31、线的mousedown事件 实现
- * 32、线的mouseup事件 实现
- * 33、线的click事件 实现
- * 34、线的自定义文字 实现
- * 35、线的增加功能
- * 36、线的删除功能 删除点的时候删除 实现
- * 37、线的更改功能
- * 38、线的查找功能
- * 38、根据连线值的大小渲染连线颜色的深浅功能 实现
- * 40、双击点增加新点并与之相连的功能 实现
- * 41、清除所有的点线功能 完成
- * 42、鼠标缩放画布功能 完成
- * 43、鼠标拖动画布功能 完成
- * 44、拖动以及缩放画布后居中和还原缩放的功能（暂未实现）
- * 45、画布自适应浏览器大小变化重载功能（暂未实现）
- * 46、自定义点的位置并实现中心点吸引画圆功能 实现
- * 47、鹰眼功能（暂未实现）
- * 48、显示隐藏所有的node文字
- * 49、显示隐藏所有的line文字
- * 50、缩放设定范围 完成
- * 51、点可以更换成图片 已实现功能 未封装成API
- * 52、框选删除 暂未实现
- *
- * 目前还差两功能未实现：
- * 1、连线颜色根据值的大小渲染深浅 完成
- * 2、点的删除功能 完成
- * 3、点可以更换成图片 完成 
- * 4、点按住ctrol键加click可以选择多个 并可以通过delet键删除
- * 5、框选删除
+d3力导向图示例项目，展示了如何使用 D3.js 创建交互式的力导向图。
 
-初次出现：
+## 目录结构
 
+- **css/**: 样式表文件
+  - `demo2.css`: 用于 demo2 的样式
+  - `googleapis.css`: Google Fonts 样式
+- **customjs/**: 自定义 JavaScript 文件
+  - `d3graph.js`: D3 图形逻辑
+  - `demo8.js`: Demo 8 的脚本
+- **demo*.html**: 不同版本的 D3 力导向图演示页面
+- **echartsfroceDemo.html**: ECharts 力导向图演示
+- **images/**: 图片资源
+- **index.html**: 主页入口
+- **js/**: JavaScript 库文件
+  - D3.js 不同版本
+  - ECharts.js
+- **json/**: 数据文件
+  - `graph.json`: 图数据
 
-![](images/topoimg1.gif)
+## 使用方法
 
+1. 打开任意 HTML 文件以查看演示，例如：
+   - `demo2.html`
+   - `echartsfroceDemo.html`
+2. 在浏览器中打开这些文件以查看力导向图的运行效果。
 
-双击点的钻取功能：
+## 技术栈
 
+- HTML5
+- CSS3
+- JavaScript
+- D3.js (v2, v3, v4, v5)
+- ECharts.js
 
-![](images/topoimg2.gif)
+## 注意事项
 
+- 确保引入正确的 JavaScript 文件以匹配演示所需的版本。
+- 修改 `graph.json` 可以自定义图的数据结构。
 
-[我一哥们的threeTestdemo](https://doter1995.github.io/three/threeTest/)
+## 贡献
 
-[我一哥们做的d3增加点的功能](https://doter1995.github.io/d3/charts/force.html)
+欢迎提交 Pull Request 来改进示例代码或添加新的演示功能。
 
-[然后是这哥们吹牛* 的主页](https://doter1995.github.io/)
+## 许可证
+
+MIT License（具体请参考项目中的 `LICENSE` 文件）。
\ No newline at end of file