npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

newest-hmi

v1.0.3

Published

[English](./README.md) | 简体中文

Downloads

1

Readme

English | 简体中文

Topology

Topology 是一个集动态交互、丰富展示、数据管理等一体的全功能可视化引擎,为物联网、工业互联网、电力能源、水利工程、智慧农业、智慧医疗、智慧城市等智能可视化场景而生。支持拓扑图、流程图、脑图、折线图、饼图、仪表盘、web组态、SCADA等场景。

在线使用

Topology 在线使用

为什么使用

新引擎

  • 数据+ 算法 + 风格 = 栩栩如生;
  • 数据为核心、数据驱动显示;
  • 多状态呈现,进度、动效多角度动态展示
  • 支持自动算法、业务算法等中间件扩展

追求卓越性能

  • 支持1万+以上节点。全部采用引擎原生节点更可达到2万节点
  • 支持1000+动画播放,大数据、高要求场景无压力

实时动态数据监听

  • 支持mqtt动态数据监听
  • 支持websocket动态数据监听
  • 支持http自主请求动态更新数据

丰富的交互事件

  • 画笔全生命周期事件(创建、更新、销毁)
  • 鼠标进入、移出、单击、选中等事件
  • 移动、缩放、旋转等事件
  • 网络消息事件
  • 动画、视频播放事件
  • 文本输入事件

自由可扩展

  • 可定制化开发图形库
  • 可直接在线绘画图形
  • 支持SVG PATH

丰富的应用场景支持

  • 架构图、拓扑图、UML图、脑图等
  • 电力能源、水利等
  • 物联网、工业互联网等
  • 智慧城市、智慧医疗、智慧农业等
  • 大屏展示、IT运维等

亮点

功能丰富,更具高性能

  • 状态、事件、动效、动态监听、自由扩展,可支持1万+以上节点

动态数据实时监听

  • 支持mqtt、websocket、或http自主请求等多种方式动态监听数据

钢笔和曲线工具,方便在线定制图形

  • AI小图标直接在线制作
  • 随意涂鸦的自由曲线,让创作随心所欲

简洁易用的动画

  • 优异的性能,可高达1000动画同时播放

支持SVG path

  • 不再把svg当作静态图片,直接支持svg path属性,想要给svg变个色,随手就来

“全民”进度条

  • 任意封闭图形,都可以当进度条:矩形、圆、svg、封闭连线、或其他任意封闭图形

智能自动算法支持

  • 连线自动锚点,自动识别最近锚点
  • 自动吸附。拖拽过程中自动推荐对齐点,支持自定义算法替换
  • 其他算法。支持排列布局、自动成图等,定制扩展

License

MIT © le5le.com