← Back
FeaturedTechModels#Go#Mermaid#mermaid-ascii#Simon Willison#WebAssembly#Diagram Rendering

Mermaid to ASCII Art: In-Browser Diagram Rendering with Go+WASM

Simon Willison 博客(Atom)T2
22:5707/16, 10:57 PMCommunityRead the original ↗Export MD ↓

Score

76
Information gain8 ×0.3

将 Mermaid 与 ASCII 艺术结合并利用 WASM 的技术路径较为新颖,提供了一种低依赖的图表输出方案。

Content quality7 ×0.2

项目描述清晰,功能实用,但当前仅支持流程图,多样性有限。

Practical value9 ×0.2

对终端用户、纯文本环境以及离线场景有直接可用价值,易于集成。

Timeliness10 ×0.15

发布日期为2026年7月16日,对本日而言是最新内容。

Source reliability9 ×0.15

Simon Willison 是技术博客知名作者,工具开源且代码可审查,可信度高。

Base 84.5 × T2 Source weight ×0.9 = 76

Curation line 70Selected

Why selected

Clever architecture (Go+WASM), high practical value for terminal/plain-text scenarios, and from reputable blogger Simon Willison.

AI commentary

「If you need to embed flowcharts in plain text or a terminal, this tool is a perfect pick. It reminds me of early ASCII UI days, but now with modern WebAssembly making it happen offline in the browser. Definitely worth a try for developers who love simplicity and low dependencies.」

Quick overview

Simon Willison released an open-source tool, mermaid-ascii, that converts Mermaid diagram syntax into ASCII and Unicode box-drawing art entirely in the browser via a Go library compiled to WebAssembly. It supports flowcharts with labeled edges, subgraphs, and is ideal for embedding diagrams in plain-text contexts or terminals.

  • Client-side rendering via Go-compiled WebAssembly
  • Supports flowcharts, subgraphs, labeled edges
  • Outputs pure ASCII and Unicode box-drawing art
  • No backend or network requests; works offline

Full text

Showing the source text; the full translation is being generated.

Tool: Mermaid to ASCII art (mermaid-ascii)

After building the Mermaid to ASCII tool based on Grok Build's Rust code I learned that there's an older, more fully-featured Go library called AlexanderGrooff/mermaid-ascii that implements a similar pattern, so I had Claude Fable 5 compile that one to WebAssembly as well so I could compare the two.

This one includes support for colors!

Screenshot of a Mermaid diagram editor web app. A row of tab buttons reads: Flowchart, Multiple links, Subgraphs, Multi-line labels, Colors (selected, highlighted blue), Sequence, Alt fragment, Loop + note, Parallel. Below is a text input area containing: "graph LR / Build:::good --> Test:::good / Test --> Deploy:::warn / Deploy --> Rollback:::bad / classDef good color:#3fb950 / classDef warn color:#e3b341 / classDef bad color:#ff7b72". A control row shows an unchecked "ASCII only" checkbox, "Padding X: 5", "Padding Y: 5", "Box padding: 1", and buttons "Copy as text" and "Copy link to this diagram". At the bottom on a black background is the rendered left-to-right flowchart with four connected boxes: "Build" (green text), "Test" (green text), "Deploy" (yellow text), "Rollback" (red text), each linked by arrows.

Tags: go, tools, webassembly, mermaid

Related items

92
08:00OpenRouter:Announcements(RSS)T1RSS

FeaturedDeepSeek V4 Doubles Token Share on OpenRouter, Driven by Agentic Workloads

DeepSeek V4 在 OpenRouter 上的代币份额翻倍,智能体工作负载成主要驱动力

The rapid adoption of DeepSeek V4 signals a strong market preference for high-performance, low-cost inference models, especially as agentic use cases reshape AI deployment.

AIModels#DeepSeek#OpenRouter#V4 Flash
91

Five-dimension score

Information gain9 ×0.3

详细揭示了两个具体设置如何协同作用实现三倍性能提升,信息增量高。

Content quality8 ×0.2

来自OpenAI官方,数据明确,结构清晰,但缺少对比实验细节。

Practical value9 ×0.2

为AI工程师提供了可直接操作的性能调优方案,实用性强。

Timeliness10 ×0.15

消息刚发布,具有高度时效性。

Source reliability10 ×0.15

信源为OpenAI官方新闻,权威可靠。

Base 91 × T1 Source weight ×1 = 91

Curation line 60Selected

23:00OpenAI:News(RSS)T1RSS

FeaturedEnabling Two Settings Triples ARC-AGI-3 Benchmark Scores

启用两项设置使ARC-AGI-3基准测试分数提升三倍

This finding is crucial! It shows that model performance depends not only on training but also on inference-time configuration. For AI engineers and researchers, this is a must-know optimization direction. Teams deploying models on resource-constrained devices in particular could find a low-cost way to boost capabilities.

TechModels#ARC-AGI-3#GPT-5.6#OpenAI
91

Five-dimension score

Information gain9 ×0.3

首次公开GPT-5.6具体效率优化细节,此前仅有传闻。

Content quality8 ×0.2

内容简洁,关键指标明确,但缺乏详细技术文档支撑。

Practical value9 ×0.2

直接指导企业如何降低AI部署成本,具有商业参考价值。

Timeliness10 ×0.15

刚发布的官方新闻,时效性极强。

Source reliability10 ×0.15

来源为OpenAI官方博客,信源权威。

Base 91 × T1 Source weight ×1 = 91

Curation line 60Selected

08:00OpenAI:News(RSS)T1RSS

FeaturedGPT-5.6: Fusing Frontier Intelligence with Frontier Efficiency

GPT-5.6:前沿智能与前沿效率的融合

This news is worth watching as it marks a shift from pure parameter scaling to efficiency competition. For AI developers and business decision-makers, GPT-5.6 means higher performance at lower cost, especially for long-context or agentic tasks previously hindered by inference expenses. OpenAI's move may redefine what 'frontier' means.

AIModels#Agent Workflows#GPT-5.6#OpenAI
91

Five-dimension score

Information gain8 ×0.3

首次提出针对CPU优化的1M上下文模型,填补了边缘设备长文本推理的空白,信息增量显著。

Content quality9 ×0.2

技术细节清晰,提供了基准测试对比和架构解释,图文并茂,质量上乘。

Practical value10 ×0.2

直接降低长上下文应用的硬件成本,开源权重可立即部署,实用价值极高。

Timeliness10 ×0.15

当日发布的博客,且长上下文推理是当前AI热点,时效性满分。

Source reliability9 ×0.15

Hugging Face官方博客,作者为Liquid AI,属于第一方技术发布,可信度高。

Base 90.5 × T1 Source weight ×1 = 91

Curation line 60Selected

23:01Hugging Face:Blog(RSS)T1RSS

FeaturedLFM2.5-Encoders: New Models for Fast Long-Context Inference on CPU

LFM2.5-Encoder:面向CPU快速长上下文推理的新模型

This blog post catches my eye because it directly solves the pain point of running long-context LLMs on CPU. For teams or individual developers without high-end GPUs, the LFM2.5-Encoder series offers a ready-to-use open-source solution. Highly recommended for those working on RAG, document search, or code analysis—now a standard server can handle million-token documents.

AIModels#CPU Inference Optimization#LFM2.5-Encoder#Liquid AI
91

Five-dimension score

Information gain9 ×0.3

首次公开自动化红队系统的具体机制与实验发现,信息增量高。

Content quality8 ×0.2

来自官方,结构清晰,但未提供完整技术细节(如具体模型版本),扣1分。

Practical value9 ×0.2

对AI安全工程师、模型开发者和企业部署者直接指导作用,实用性极强。

Timeliness10 ×0.15

刚刚发布,是当前AI安全领域最前沿进展之一。

Source reliability10 ×0.15

信源为OpenAI官方新闻,权威且一手。

Base 91 × T1 Source weight ×1 = 91

Curation line 60Selected

18:00OpenAI:News(RSS)T1RSS

FeaturedGPT-Red: OpenAI Automates Red Teaming via Self-Play to Boost Model Robustness

GPT-Red:OpenAI通过自我对弈实现AI红队自动化,提升模型鲁棒性

GPT-Red marks a milestone from human to automated red-teaming—essential for safety engineers and alignment researchers. While reducing cost, it also raises ethical questions about automated attacks, worth pondering for everyone in AI governance.

AIModels#AI Safety Alignment#GPT-Red#OpenAI
91

Five-dimension score

Information gain9 ×0.3

这是首个针对AI模型生物安全的漏洞赏金计划,为行业提供了全新的安全评估视角。

Content quality9 ×0.2

官方来源,内容清晰,涵盖范围、奖励、准则等关键细节。

Practical value8 ×0.2

对AI安全研究员和生物安全专家有直接参与价值,但普通用户关联度较低。

Timeliness10 ×0.15

刚刚发布,完全符合新闻时效要求。

Source reliability10 ×0.15

OpenAI官方RSS和博客,信源权威可靠。

Base 91 × T1 Source weight ×1 = 91

Curation line 60Selected

18:00OpenAI:News(RSS)T1RSS

FeaturedOpenAI Launches GPT-5.5 Bio Bug Bounty Program

OpenAI推出GPT-5.5生物漏洞赏金计划

This program deserves attention as it pioneers the extension of AI bug bounty to biosecurity, offering a new research direction for the security community and a practical training ground for AI risk governance. It is particularly important for model safety researchers, biosecurity experts, and practitioners concerned about dual-use AI risks.

AIModels#Bio Bug Bounty#GPT-5.5#OpenAI
91

Five-dimension score

Information gain8 ×0.3

公布了vLLM新后端的具体架构设计与实测数据,对了解推理优化前沿有较高信息增量。

Content quality9 ×0.2

技术细节清晰,有定量性能对比,来源为官方博客,内容质量高。

Practical value10 ×0.2

直接降低LLM部署门槛与成本,对AI工程化落地具有极高实用价值。

Timeliness10 ×0.15

发布即时,属于最新技术动态,时效性满分。

Source reliability9 ×0.15

来源为Hugging Face官方博客,vLLM为开源权威项目,可信度高。

Base 90.5 × T1 Source weight ×1 = 91

Curation line 60Selected

08:00Hugging Face:Blog(RSS)T1RSS

FeaturedvLLM Introduces Native-Speed Transformers Modeling Backend for Enhanced Inference Performance

vLLM推出原生速度Transformers建模后端,大幅提升推理性能

This update is critical for AI engineering teams: eliminating format conversion speeds up model iteration, and 2-5x speedup directly reduces GPU costs. If you're building LLM online services or batch inference, this is practically a must-read technical update.

AIModels#Hugging Face#PagedAttention#Transformers
90

Five-dimension score

Information gain9 ×0.3

手语转文本是AI无障碍领域的新突破,提供了此前罕见的具体模型信息。

Content quality8 ×0.2

来源权威,内容清晰描述了模型功能、应用场景和开发理念。

Practical value9 ×0.2

对聋人群体、开发者和无障碍研究者具有直接参考与应用价值。

Timeliness9 ×0.15

刚刚发布的官方公告,时效性非常高。

Source reliability10 ×0.15

Google DeepMind官方博客,信源可信度极高。

Base 89.5 × T1 Source weight ×1 = 90

Curation line 60Selected

22:01Google DeepMind:Blog(RSS)T1RSS

FeaturedGoogle DeepMind Introduces SL2T, a Sign Language-to-Text Model for Deaf Users

Google DeepMind 发布手语转文本模型 SL2T,助力聋人用户

This news matters not only as a technical breakthrough but also as a sign that AI is beginning to address the needs of marginalized groups. For developers, the architecture and technical approach of SL2T merit deep study; for accessibility advocates, it's a key case for advancing industry standards.

AIModels#Google DeepMind#SL2T#Sign Language Recognition

Verify against the original source before citing