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

clunch

v2.5.0

Published

🎨 The Progressive JavaScript Interactive Picture Framework.

Downloads

139

Readme

clunch - 🎨 渐进的前端交互式图形框架

如果你可以正确的对业务数据进行修改,你就可以编辑一个交互的拖拽web应用。数据驱动绘图的设计,使得你只需把精力放在你的业务数据处理上,它负责绘图等比较难搞的部分。

上面是一个流程图,通过给每个节点和连线添加交互事件获取用户意图后,直接修改数据页面实时更新,就实现了一个简单的流程图编辑器。

只要你可以对普通标签添加交互事件,就可以处理几乎任意图形的交互事件。通过对单一标签的画布进行抽象,我们提供了区域和子区域的概念,你可以像操作标签一样操作canvas画布中的具体图形。

上面是一份中国地图(未包括海洋等部分区域),通过c-on指令就可以给某个省添加点击事件,点击以后提示你点击了谁。

如果图形改变过于僵硬需要添加动画效果怎么办?clunch.js会自动启动数据改变前后差异分析,然后给出合适的过渡方案,启动过渡动画。

上面的树图,点击某个结点后删除对应结点的孩子以后,树图会自动过渡成删除后的树图而不是突然改变。

目前我们支持支付宝小程序、微信小程序和H5端开发,具体的内容可以点击此处查看文档。

目前clunch主要由 你好2007 维护,当然也有来自一些使用者的 意见Pull requests 在帮忙我们不断改进和完善,在此我们表示由衷的感谢,我们会带着初心矢志不渝的坚持维护,并永远保持自由、开源、讨论和进步,期待你的加入。

新任务如何产生?

主要来自 issue 和前端本身的发展(可能一些新的技术等原因,催促一些改变是有意义的),如果你对未来版本有什么期望,也可以告诉我们。

当前,这也包括 接口文档教程 等,甚至包括 开发者社区 ,一切围绕或和clunch相关的都可以提。

为什么要加入我们?

虽然通过提 issuePull requests 也可以很好的参与贡献,不过你无法完全的融入进来,无法更全面的把控clunch的发展规划。通过加入我们成为长期稳定的贡献者,和我们保持密切的联系,这非常利于你,因为你有了一定的主动权。

加入我们并不意味着就是代码的维护,你可以选择下列一项或多项进行参与:

  • 代码维护:由于新功能或一些BUG的出现,对代码进行维护和升级。
  • 文档编辑:主要是接口文档和教程需要编辑,这很重要。
  • 用例开发和测试:在项目的test文件夹下有一些测试,而在examples项目中维护了一些用例。
  • 参与讨论:主要是讨论clunch未来如何发展,改造的方向等。

如果有意向加入我们,你可以通过提 issue 和我们取到联系,请简单说明一下情况,我们会尽快回复。

你可以查看AUTHORS.txt了解所有的贡献者。

开源协议

MIT

Copyright (c) 2018-2022 hai2007 走一步,再走一步。