Giter Club home page Giter Club logo

charts-tool's Introduction

logo

Charts Tool

便捷、可靠的 Sketch 图表工具插件

介绍

功能思路参考sketch插件Kitchen中的图表生成功能。

Charts Tool是一款基于web开发的图表工具,现在主要通过sketch插件的形式展示,方便UED的同学快速设计图表UI,同时前端同学可以获取图表对应的组件代码,大大减少开发时间,提高工作效率。

查看Demo

注:web端demo仅作展示,生成代码及历史功能不可用,需在sketch环境中。

项目为首次发布,使用过程中发现任何问题都可以提 Issue 给我们。当然,我们也非常欢迎你给我们发 PR

特性

  • 统一视觉规范,用工具作为UED和FED沟通的桥梁
  • 提供丰富的图表类型,目前支持柱状图、线图、饼图共13种图表
  • 可二次开发,用户可根据约定扩展自己的图表组件
  • 图表统一以svg方式渲染并通过sketch创建图层,交互过程简便,只需专注web开发
  • 所有图表基于BizCharts,便于扩展

安装

使用此工具请下载sketch插件

本地开发

参考本地开发文档

功能点

  • 查看图表,编辑图表数据

logo

  • 编辑样式及图表属性,查看历史记录

logo

  • 应用历史记录,生成svg展示在sketch中

logo

Sketch 版本

Sketch Version 53

参考相关文档

开源协议

本项目基于 MIT 协议,请自由地享受和参与开源。

charts-tool's People

Contributors

gtideallife avatar daughterrui avatar

Stargazers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.