Giter VIP home page Giter VIP logo

ppchart's Introduction

image

站点 :PPChart 数据:下载资源

🚀 代码正在重构,持续上传中...

愿景

  • 让图表更简单
  • 助力每个人都可以简单制作想要的图表
  • PPChart 是一个图表站点,你可以在这里找到对你有帮助的图表代码,也可以实时调试图表效果

技术选型

  • 前端:Vue3 + Vite + Typescript + Pinia
  • 后端:Koa + Node + Nginx
  • 数据库:AliRDS(Mysql) + AliRedis(Redis)
  • 存储:AliOSS(存储)

更新日志

  • 2022/01/29 数据获取
  • 2022/01/31 后端基础实现
  • 2022/02/03 前端基础实现
  • 2022/02/04 前端部署、后端部署、域名
  • 2022/02/05 Github
  • 2022/02/06 数据分类、icon/title、黑名单、修复分页total不对的问题、详情查看浏览量自增
  • 2022/02/06 修复客户端唯一标识不准确的问题、移动端首页/详情页布局调整
  • 2022/02/06 浏览量排序、新增柱状图类
  • 2022/02/07 增加了 在线数/UV 展示、优化了代码运行(让更多代码能正常跑起来)
  • 2022/02/07 更新了代码编辑器 - 使用了 vscode 底层编辑器 monaco-editor:拥有了 vscode 编码的极致体验(自动补全/折叠等能力)
  • 2022/02/07 开通了公众号,欢迎关注不迷路:PPChart(大小写均可)、优化了关键词SEO
  • 2022/02/08 增加了实时聊天反馈建议(基于gitter)、增加了测试环境、CORS 优化支持 http://www.ppchart.com 域名访问
  • 2022/02/09 增加暗黑模式、优化了布局为一行 5 个、优化了图表卡片信息展示增加信息密度
  • 2022/02/09 增加了标题搜索、缩略图增加水印+原图保护、增加了反调试、按需加载优化代码体积
  • 2022/02/10 详情使用新标签页打开利于分享
  • 2022/02/12 增加了许多分类
  • 2022/02/15 恢复了使用弹窗打开详情,详情卡片右上角新增新标签页打开
  • 2022/02/16 使用 Issue 7 提到的传参方式增加了 $ 依赖,让更多数据可以跑起来
  • 2022/02/25 使用 nginx 代理 OSS 静态资源、去掉了图片水印
  • 2022/03/06 修复代码编辑器报错问题、支持编辑器格式化代码、支持切换 echarts 版本
  • 2022/03/10 最近在折腾腾讯出的单点登录系统(CIAM),期望在独立开发的系统里有一个单点登录套路
  • 2022/03/20 账号服务已上线,欢迎注册,后续会陆续开放账号相关功能,工作调整导致延期了 1 个月
  • 2022/03/21 账号服务的账号密码登录出现问题,Tencent 正在修复中,给已注册登录不上的朋友道个歉,烦请重新注册
  • 2022/09/21 HTTPS:访问安全,用了阿里云的 1 年免费证书;顺手移除了用户登录,原因是一方面没什么用另一方面是用的腾讯的身份认证它已经闭门维护了几个月不能用(抽时间自己写个)
  • 2022/10/31 接口服务从‘阿里云香港服务器’迁移到了‘腾讯云大陆服务器’,原因是大陆允许备案而腾讯比阿里便宜,杯具是备案后才能用 https 所以等备案期间花了两份服务器的钱维持用阿里云的,赶在 11.01 阿里云到期前一天迁移完毕,迁移过程无感知很丝滑

Ing 正在做的事

  • 标记是否可运行起来
  • 用户新增示例
  • 代码编辑器:报错等
  • 更多的数据优化:有许多数据跑不起来,过滤一遍数据,跑起来和跑不起来分个类。(一些代码使用了高自定义/依赖脚本各种报错)
  • 留言反馈:有互动才有活力
  • 浏览器兼容:总得让用户用上自己习惯用的浏览器
  • 日志:有日志才可以分析做推荐

Feature

  • Echart 版本切换:更好的兼容测试显示
  • 数据重构:让图表代码更清晰
  • 担保交易:UI换代码,互利互惠
  • 可视化制作:选项勾选和输入数据即可生成图表代码
  • 图表模板:输入数据即可生成图表,可通过 iframe 等形式使用

如何提供长久稳定的服务?

  • 会从多渠道尝试收支平衡,具体还没想好,可以听听大家的意见
  • 前端用 OSS 部署大概率不会挂,后面会尝试后端服务用 serverless 部署或者看情况升级服务器
  • 会尝试重构所有旧的图表数据来开源到此项目,这样即使服务挂了也不会影响基础数据的访问
  • 会尝试用 vercel 等免费服务,再部署几个备用站,到时候网址记录在这里
  • 如果有其它备用站也可以提 Issue,我加在这里

特别感谢所有捐助的人,是他们让这个站点生机勃勃

  1. 2022-02-08 感谢来自 L*n 的赞助
  2. 2022-02-10 感谢来自 *心 的赞助
  3. 2022-02-11 感谢来自 *ン 的赞助 - 留言:地图数据无法运行
  4. 2022-02-14 感谢来自 *C 的赞助 - 留言:感谢对前端的贡献
  5. 2022-02-14 感谢来自 *合 的赞助 - 留言:为 ppchart 点赞
  6. 2022-02-17 感谢来自 *昭 的赞助 - 留言:66666
  7. 2022-02-24 感谢来自 *也 的赞助 - 留言:💪
  8. 2022-03-10 感谢来自 *富 的赞助 - 留言:66666
  9. 2022-04-22 感谢来自 *ฅ 的赞助 - 留言:ppchart 666
  10. 2022-04-25 感谢来自 *合 的赞助 - 留言:ppchart赞,喝杯咖啡
  11. 2022-08-10 感谢来自 *👹 的赞助 - 留言:66666
  12. 2022-08-10 感谢来自 *震 的赞助 - 留言:感谢开源,ppchart有数据源sql嘛。答:数据下载放在 Readme 顶部了
  13. 2022-08-10 感谢来自 大大大,大志👹 的赞助 - 留言:ppchart这个,希望坚持下去,做的更好
  14. 2022-09-24 感谢来自 *空 的赞助
  15. 2022-12-14 感谢来自 C*N 的赞助
  16. 2024-02-19 感谢来自 **超 的赞助
  17. 2024-03-28 感谢来自 s*r 的赞助, - 留言:ppchart接口出错了,麻烦看一下。





总体搭建支出明细如下,给有想法自己做网站的开发者提供参考

流量 ¥2/天;RDS ¥75/年;Redis ¥255/年;轻量应用服务器 ¥400/年..升级了服务器 ¥840/年; (阿里云)

2022-10-31 已从阿里云的轻量应用服务器和 OSS 迁移到腾讯云的轻量应用服务器和 COS,日流量费从¥2/天降低至¥0.2/天

(大误,因为入口还在阿里云,费用变为了 ¥2+¥0.2=¥2.2, 哭)

Star History

Star History Chart

ppchart's People

Contributors

ppchart avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

ppchart's Issues

我如何才可以提交我美化后的图表?

首先,在这里十分感谢网站里面图表示例

目前疑问:
我用之前的图表示例进行了修改+美化,想上传到PPchart网站上,供他人使用,咋搞呢?

其次,有一些图表很精美,有一些图表比较古朴了(在这里小小的提议,可以淘汰一下,这样寻找图表起来挺费力的,这里面量很大)
如果里面全部都是炫酷的效果,那就更好了,大家都可以快速做出精美的效果。

再次感谢作者大大~

这些是俺美化后的图表

image

image

image

无法注册,手机号登陆收不到验证码

大佬,目前无法注册,手机号登陆也收不到验证码。
tip:网站做图很方便,感谢大佬。提个小建议,chart实例打开目前是弹窗,后边能不能用单独的uri路径,一不小心按了esc键,数据没保存白调了,难受😂

[Refactor Request] Migrate Frontend to Vue 3

Hello,

I apologize for the prolonged silence regarding updates to this project. Although I have been maintaining the uptime of the PPChart project online, I feel a constant sense of guilt for the lack of personal energy to contribute to the codebase. With that in mind, I am opening this issue to express my desire for a refactoring effort and to invite community involvement.

Proposal:
I am proposing a refactoring of the frontend codebase to utilize Vue 3. This modernization could potentially bring several benefits, including improved performance, better tooling support, and alignment with current web development practices.

Current Status:

The project has been on hold for an extended period.
The existing codebase is not optimized for Vue 3 features.
Desired Outcome:

A fully refactored frontend that leverages Vue 3.
Maintenance and updates to be more manageable due to the adoption of a more modern framework.
Call to Action:
I would like to invite anyone interested in contributing to this project to join me in this refactoring effort. Your participation would be greatly appreciated, and together, we can breathe new life into this project.

Please feel free to comment with any questions, suggestions, or if you're willing to contribute. Let's work together to improve and move this project forward!

Thank you for your attention and support.

Best regards,
PPChart

支持一波

本来看到是2.15停服,想着年后用无头浏览器抓一下数据自己存一份,没想到大佬这么快站点都出来了,点赞,持续关注

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.