Blazor.Diagrams

Blazor.Diagrams

全能可定制的 Blazor 图表库 支持服务端与 WebAssembly

Blazor.Diagrams 是一个功能丰富的图表库,适用于 Blazor 服务端和 WebAssembly。该库支持触控操作、SVG 和 HTML 渲染、节点连接及布局算法。注重性能和扩展性,允许自定义外观和行为。适用于多种图表需求,如数据库设计等。提供详细文档便于快速上手。

Blazor.Diagrams图表库自定义可扩展开源Github开源项目

Blazor.Diagrams

Z.Blazor.Diagrams 是一个完全可定制和可扩展的多用途 Blazor 图表库(支持服务器端和 WASM)。它最初受到流行的 React 库 react-diagrams 的启发,但后来发展成为更大规模的项目。ZBD 可用于创建具有自定义设计的高级图表。甚至库的行为也是可"破解"的,可以根据您的需求进行修改。

NuGet 包版本下载
Z.Blazor.Diagrams.CoreNuGetNuget
Z.Blazor.DiagramsNuGetNuget
Z.Blazor.Diagrams.AlgorithmsNuGetNuget
标志
JavaScriptGitHub 文件大小(字节)
CSSGitHub 文件大小(字节)
活跃度GitHub
许可证GitHub

理念/目标

  • 多用途并适用于大多数图表用例。ZBD 最初是为特定用例设计的图表库,但现在正在扩展以变得更加通用和实用。
  • 性能非常重要,尤其是在 WebAssembly 中。
  • 将数据层(模型)和 UI 层(小部件)分离。将图表表示为模型有很多好处,这种分离使得保存快照或修改模型变得更容易,而不受如何/在哪里渲染的影响。
  • 完全可定制,无论是外观还是行为。所有 UI 都可以通过提供 Blazor 组件或使用 CSS 进行自定义。所有默认行为都可以通过替换为自定义行为来进行定制。
  • 避免使用 JavaScript。ZBD 的 95% 使用 C#/Blazor 编写,仅在绝对必要时使用 JS(例如边界和观察者)。JS 互操作调用成本高昂,未来我们致力于将大多数调用批处理和/或替换。

功能

  • 多用途
  • 触摸支持
  • 用于链接/节点的 SVG 层和用于节点的 HTML 层,实现最大程度的可定制性
  • 节点、端口甚至其他链接之间的连接
  • 链接路由器、路径生成器、标记和标签
  • 平移、缩放和缩放以适应一组节点
  • 多选、删除和区域选择
  • 组作为一等公民,具有节点的所有功能
  • 自定义节点、链接和组
  • 可替换("可破解")的行为(例如链接拖动、模型删除等)
  • 可定制的图表概览/导航器,适用于大型图表
  • 对齐网格
  • 虚拟化,仅绘制用户可见的节点
  • 锁定机制(只读)
  • 算法

入门

您可以使用以下资源快速轻松地开始:

示例项目

仓库:https://github.com/Blazor-Diagrams/Blazor.DatabaseDesigner

贡献

欢迎各种形式的贡献! 如果您有兴趣提供帮助,请创建一个问题或在现有问题上发表评论,说明您将要做什么。这是因为可能有多人在处理同一个问题。

反馈

如果您发现bug或希望在这个库中看到某项功能,请随时提出问题。

编辑推荐精选

博思AIPPT

博思AIPPT

AI一键生成PPT,就用博思AIPPT!

博思AIPPT,新一代的AI生成PPT平台,支持智能生成PPT、AI美化PPT、文本&链接生成PPT、导入Word/PDF/Markdown文档生成PPT等,内置海量精美PPT模板,涵盖商务、教育、科技等不同风格,同时针对每个页面提供多种版式,一键自适应切换,完美适配各种办公场景。

AI办公办公工具AI工具博思AIPPTAI生成PPT智能排版海量精品模板AI创作热门
潮际好麦

潮际好麦

AI赋能电商视觉革命,一站式智能商拍平台

潮际好麦深耕服装行业,是国内AI试衣效果最好的软件。使用先进AIGC能力为电商卖家批量提供优质的、低成本的商拍图。合作品牌有Shein、Lazada、安踏、百丽等65个国内外头部品牌,以及国内10万+淘宝、天猫、京东等主流平台的品牌商家,为卖家节省将近85%的出图成本,提升约3倍出图效率,让品牌能够快速上架。

iTerms

iTerms

企业专属的AI法律顾问

iTerms是法大大集团旗下法律子品牌,基于最先进的大语言模型(LLM)、专业的法律知识库和强大的智能体架构,帮助企业扫清合规障碍,筑牢风控防线,成为您企业专属的AI法律顾问。

SimilarWeb流量提升

SimilarWeb流量提升

稳定高效的流量提升解决方案,助力品牌曝光

稳定高效的流量提升解决方案,助力品牌曝光

Sora2视频免费生成

Sora2视频免费生成

最新版Sora2模型免费使用,一键生成无水印视频

最新版Sora2模型免费使用,一键生成无水印视频

Transly

Transly

实时语音翻译/同声传译工具

Transly是一个多场景的AI大语言模型驱动的同声传译、专业翻译助手,它拥有超精准的音频识别翻译能力,几乎零延迟的使用体验和支持多国语言可以让你带它走遍全球,无论你是留学生、商务人士、韩剧美剧爱好者,还是出国游玩、多国会议、跨国追星等等,都可以满足你所有需要同传的场景需求,线上线下通用,扫除语言障碍,让全世界的语言交流不再有国界。

讯飞绘文

讯飞绘文

选题、配图、成文,一站式创作,让内容运营更高效

讯飞绘文,一个AI集成平台,支持写作、选题、配图、排版和发布。高效生成适用于各类媒体的定制内容,加速品牌传播,提升内容营销效果。

热门AI辅助写作AI工具讯飞绘文内容运营AI创作个性化文章多平台分发AI助手
TRAE编程

TRAE编程

AI辅助编程,代码自动修复

Trae是一种自适应的集成开发环境(IDE),通过自动化和多元协作改变开发流程。利用Trae,团队能够更快速、精确地编写和部署代码,从而提高编程效率和项目交付速度。Trae具备上下文感知和代码自动完成功能,是提升开发效率的理想工具。

AI工具TraeAI IDE协作生产力转型热门
商汤小浣熊

商汤小浣熊

最强AI数据分析助手

小浣熊家族Raccoon,您的AI智能助手,致力于通过先进的人工智能技术,为用户提供高效、便捷的智能服务。无论是日常咨询还是专业问题解答,小浣熊都能以快速、准确的响应满足您的需求,让您的生活更加智能便捷。

imini AI

imini AI

像人一样思考的AI智能体

imini 是一款超级AI智能体,能根据人类指令,自主思考、自主完成、并且交付结果的AI智能体。

下拉加载更多