百科.dev
全部条目AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
P

pintora

> 编程语言
开源

一个可扩展的文本到图表库,可在浏览器和 Node.js 中运行

1.3K stars0 点赞0 次浏览
访问官网GitHub

工具介绍

一个可扩展的文本到图表库,可在浏览器和 Node.js 中运行

Pintora 文档 | Live Editor pintora 西班牙语意为"女画家"Pintora 是一个可扩展的 JavaScript 文本到图表库,可在浏览器和 Node.js 中运行。用图表表达你的想法比一千个文字更好。借助 pintora.js,您可以使用直观的文本创建图表。深受 Mermaid.js 和 PlantUML 的启发。 ✨ 特性 - 在浏览器端,输出 SVG 或 Canvas。 - 在 Node.js 端,输出 PNG/JPG/SVG 文件。 - 输出内容清晰且独立,不会污染页面的全局样式。 - 模块化且高度可扩展,为图表开发者提供了一个插件系统,可用于编写和分发自己的图表。 以下是一个教程 编写自定义图表 | Pintora。 图表类型名称预览 序列图 实体关系图 组件图 活动图 思维导图 Gantt 图 DOT 图 类图 文档 查看在线文档和演示以了解更多详情。 编辑器支持 - VSCode 扩展 pintora-vscode,为 .pintora 文件和 Markdown 代码围栏提供语法高亮和预览支持。 相关项目 - gatsby-remark-pintora 这是一个用于将 pintora 代码块转换为 Markdown 文件中的图表的 gatsby remark 插件。 - Pintora.js - 以文本形式呈现图表 / hikerpig / Observable,在 Observable 交互式笔记中使用 Pintora。 - pintora-stencil - Pintora Web 组件,用于显示 Pintora 图表预览的 Web 组件,只需导入一些脚本标签即可将其添加到您的网站中。 - obsidian-pintora,由 @amiaslee 创建。 这是一个基于 Pintora 的 Obsidian 插件,允许用户直接在 Obsidian 编辑器中使用 Pintora 语法创建图表。它本地化、安全、快速且易于使用。 路线图 - [x] 序列图和实体关系图 - [x] Pintora Node.js cli - [x] PlantUML 样式组件图 - [x] 主题配置 - [x] PlantUML 样式活动图 - [x] 思维导图 - [x] Gantt 图 - [x] 类图 - [ ] 通用样式自定义解决方案 - [ ] 仅在需要时加载图表实现和 Canvas 渲染器 如果您有好的想法或功能请求,请随时开始新的讨论。

GitHub Issues· 0 开放

在 GitHub 查看全部

暂无开放 Issues,或尚未同步最近议题。

核心特点

  • •In browser side, output SVG or Canvas.
  • •In Node.js side, output PNG/JPG/SVG file.
  • •Outputs are clean and self contained, won't pollute the page with global style.
  • •Modular and highly extensible, provide a plugin system for diagram developer to write and distribute their own diagrams. Here is a tutorial Write a custom diagram | Pintora.
  • •VSCode extension pintora-vscode, providing syntax highlight and preview support for .pintora file and markdown code fence.
  • •gatsby-remark-pintora A gatsby remark plugin for converting pintora codeblock to diagrams in markdown files.
  • •Pintora.js - Diagram as text / hikerpig / Observable, use pintora in Observable interactive notebook.
  • •pintora-stencil - Pintora Web Components, web component for showing pintora diagram preview, add it into your website simply by import some script tags.
  • •[x] Sequence Diagram and Entity Relationship Diagram
  • •[x] Pintora node.js cli

> 标签

TypeScriptdiagramdiagram-as-codemermaidjs

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言