Giter Site home page Giter Site logo

ppchart's Introduction

image

站点 :PPChart 数据:下载资源

如有类别/资源等需求还望 Issue 提起

背景

  • 这里是 makeapie 的复刻项目
  • 看到 makeapie 停服是失落的,总要找个替代品
  • 希望尽力把这个替代品维护好
  • 目前数据都是 makeapie 的数据,如果有疑问或者建议,可以提 Issues

愿景

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

技术选型

  • 前端:Vue3 + Vite
  • 后端: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 增加了许多分类

Ing 正在做的事

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

Feature

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

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

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

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

  1. 2022-02-08 感谢来自 L*n 的赞助
  2. 2022-02-10 感谢来自 *心 的赞助
  3. 2022-02-11 感谢来自 *ン 的赞助 - 反馈了地图数据无法运行



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.