今天我们来使用Google ai创建提炼一个可视化知识页面。
很长一段时间我们会被两个问题困扰：
第一，我读的书好长、好隐晦，我不知道重点，不清楚如何继续，然后最终放弃阅读。
第二，我的知识点杂乱无章，都是文字，概念难以理解，很难表达清楚。
那么今天我就来解决这两个问题。
首先我们使用Google AI Studio中的2.0 pro测试版本模型。
我们将自己的电子书喂给我的ai消化，可以让其先提炼文字重要知识点。
提示词：
“整本书中提取所有知识点概念，并逐一详细介绍这它们，包括定义，解释，重要例子，以及知识点之间的关联。因为返回是整个的，因此我们预先让它把知识点分块，每个分块用 [chunk] 和 [/chunk] 标记起来。”
然后，我们基于提炼知识点绘制一个知识图谱。
提示词：
“使用知识图谱来展示上述知识要点，需要科技风格，视觉冲击感强烈，输出html页面”
看下绘图效果：
然后我们继续绘制信息图。
提示词:
"使用信息图导出html"
看下图表效果：
接着是树状图的绘制。
提示词：
“使用树状图导出html”
看下图表效果：
这边需要提出的是这些图表都是有动态效果的。
到了这里，可能有小伙伴要问我如何决定选取这几个图表来展示内容的？其实路上侠客也不知，我们直接问ai即可，这边选择的是Trae中的Deepseek V3模型。
提示词：
“知识点可以使用什么图表展示较为清晰”
好了，我们继续回到Google Ai Studio，我们最后把这3类图片展示信息整合到一个页面输出。
提示词：
“将上面3中类型的图：知识图谱、信息图、树状图整合到一个html页面输出。除了图片外，需要包含：图片标题，图片定义，图片说明，页面的最后请对知识要点罗列并使用表格形式展示。”
看下最终整合页面的效果：
可以点击链接直达：https://roadheroai.com/AIGC可视化.html
补充知识：
Google AI Studio 详解
一、基本信息
Google AI Studio 是一个基于网络的开发者工具，作为进入 Gemini 生态系统的入口，支持从模型测试到应用落地的全流程开发。当前以 Gemini Pro 和 Gemini Pro Vision 为核心服务，2024 年已扩展至支持图像到代码生成等创新功能，并计划整合更强大的 Gemini Ultra 模型。
二、核心功能
多模态处理能力
支持文本（Gemini Pro）与图像（Gemini Pro Vision）的联合分析，例如上传 UI 草图即可生成 Jetpack Compose 代码3，但需注意其不用于图像生成。
灵活的参数控制
创造性调节：通过调整“温度”参数控制输出的创新程度。
安全设置：默认安全级别为“阻止少数”，相比 MakerSuite 更严格（后者可完全关闭安全措施）。
全平台 SDK 支持
提供 Node.js 、Python（后端）及 Java/Kotlin/Swift（移动端）等开发套件，支持跨平台部署。
三、应用场景
UI 设计转代码：上传线框草图，自动生成 Android 应用界面代码（Jetpack Compose）。
智能修复建议：分析现有 UI 并提出优化方案，提升开发效率。
模型快速验证：通过实时提示交互，降低 AI 集成门槛。
四、最新动态
团队整合：2025 年初，Google 将 AI Studio 团队并入 DeepMind，旨在加速技术协同与项目落地，同时保持平台使命不变。
生态扩展：逐步与 Vertex AI 深度集成，支持企业级模型部署与规模化应用。
提示：如需体验 Gemini 的实时代码生成功能，可访问 Google AI Studio 上传设计图并输入提示语。
需要更多免费AI工具、最新Ai信息、详细使用和丰富Ai教程、Ai变现方法的小伙伴可以加入路上侠客的知识星球，一年会员，原价199元，现在只需99元。
