正在打开每日关注
正在打开每日关注
用字符图形、虚线边框和强调色,把表格、图表与流程图直接融入 MDX。
introducing markdown graphs - tables, charts, and diagrams for MDX that look like they were typed - tastefully crafted design and animations - 20 components, ready to use - free and open-source - built using @shadcn registry https://t.co/NpBT2NiaIr https://t.co/4V3AXKLnLP
fine, ill build a markdown graph library.
是什么 Markdown Graphs 是面向 MDX 的开源图表与图形组件集合,文档明确说明它不是 npm 包,而是通过 shadcn registry 将组件文件复制到项目中。组件覆盖 Table、Flow、Bars、Cells、Meter、Spark、Tree、Timeline、Funnel、Gantt、Plot、Diff、Invoice、Compare、Stat、KPI、Activity、Heatmap、Calendar、Waterfall、Uptime、Slope、Bullet、Timer、Countdown 与 Frame。
核心设计 它把图表处理成“像被打出来”的字符界面:每个图形置于带虚线边框的 Frame,可组合标题、正文、分隔线、轨道和刻度;glyph、字符布局与少量 accent 色承担主要表达,另有 duo、multi 调色模式。截图中的深色文档站、侧栏组件导航、Preview/Code 切换与命令复制按钮,形成从阅读、预览到安装的连续路径。
关键洞察 核心价值是把数据叙事变成可读、可复制、易改造的 MDX 原语,适合技术文档、重构/事故复盘和权衡说明,也方便 Agent 生成后直接进入代码库。shadcn 式复制源码保留了项目定制空间。
边界与风险 字符图形适合趋势、状态、比较和流程,不替代精确分析库;复杂交互、无障碍语义、国际化及移动端密度仍需验证。X 页面评论还指出移动端需要继续打磨。