以图组织内容的技术站点

图论与算法的可视化学习站点

图论与算法领域有大量通过可交互图来组织教学内容的站点，将抽象的数学结构转化为可操作的节点网络。

• D3 Graph Theory：采用 D3.js 将图论知识变成可视化互动教程的英文站点，每个单元都将图论结构绘制成可操作的节点与边网络。
• VisuAlgo：通过动画可视化数据结构与算法，将排序、图遍历、树结构等以动态节点网络呈现。

见：每周分享第2期 - D3 Graph Theory

技术概念的交互式图解博客

游戏开发、数学与物理领域中，一些个人博客以交互式图表作为文章的核心组织形式，读者可通过拖拽、旋转、调节参数来理解复杂概念。

• Red Blob Games：Amit Patel 的游戏开发博客，以大量可交互的动画图解地图生成、路径寻路、噪声函数等算法。
• Setosa：通过可交互的可视化来解释概率、统计和机器学习概念，代表作包括马尔可夫链、条件概率和主成分分析的图解。
• Bartosz Ciechanowski：以交互式动画深度解析相机、GPS、机翼、颜色等技术原理的个人博客。

见：科技爱好者周刊第278期 - Red Blob Games、 科技爱好者周刊第5期 - Setosa、 科技爱好者周刊第201期 - Setosa

知识网络与笔记的图导航实践

数字花园与公开笔记领域的一批站点将内容组织成可漫游的节点网络，用双向链接和图视图替代传统的层级目录。

• Andy Matuschak's Notes：以 Evergreen Notes 著称的公开工作笔记，页面之间通过大量双向链接形成概念网络。
• Quartz：由 Jacky Zhao 开发的数字花园工具，支持将 Markdown 笔记发布为带有全局 Graph View 的个人网站。
• Mental Nodes：基于 Obsidian Publish 的数字花园，以交互式节点图作为核心内容导航。
• Learn Anything：Nikita Voloboev 主导的交互式知识图谱项目，以可缩放拖拽的节点网络来探索各领域知识。

研究型写作的图式化组织

部分深度写作博客在单篇文章或整站层面采用图、网络和数据可视化来组织论证与参考资料，使读者能沿着非线性路径阅读。

• Gwern：Gwern Branwen 的个人研究网站，文章配有统计图表、时间线和网状脚注链接，整体呈现为高度图式化的个人 wiki。
• This is Important：技术写作者 Sarah Moir 的个人博客，探讨技术写作与文档策略，《Displaying content as a graph》一文直接探讨了以图组织内容的方法论。