基于svelte的叙事可视化开发 缘由同事丁杰英在朋友圈分享了一个她做的可视化项目:你的感觉没错,电影确实越来越长了,里面的可视化效果很有意思,于是我就想着看下是用什么技术做的,然后就发现了svelte-starter这个项目,看介绍居然是 The Pudding 用于创作叙事可视化的: This starter template aims to quickly scaffold a SvelteKit project, des 2024-09-20
青岛 中秋去了青岛,这次旅行给我的感受太棒了。 景观我印象中的沙滩和海边,一直都是舟山群岛那种,但是这次青岛给了我很不一样的感受,第二海水浴场那种石头嶙峋的海滩,对于第一次现场体验的我来说很特别。吹着海风,听着涛声,感受着海浪冲过双脚的凉爽,整个人都放松了下来,真的很赞。 铛铛车很人性化,坐着车就能到达各个景点,很方便。 40 块钱的游船,着实让我体验了一把海上风光,绝对值回票价了。 沿着栈桥一带的海 2024-09-18 #旅行
ECharts的布局与定位 gridyAxis.axisLabel.inside = false 如果 yAxis.axisLabel.inside = true,差别就是 grid 左侧不再有 yAxis.axisLabel 的最大宽度这一块区域,而是 grid 直接把 axisLabel 包含进去了。 axis.name在 AxisBuilder.ts 中: 1234567891011const p 2024-09-06 ECharts #ECharts
第一个demo 可同步参考官方文档:开始 | 微信开放文档 (qq.com) 注册小程序进入小程序注册页填写相关信息 需要注意:一个邮箱只能申请一个小程序 小程序管理后台注册完毕后,会跳转到小程序管理后台这是后续会经常访问的核心管理页面在这里,可以做-【项目人员管理】-【程序版本控制】-【用户协议管理】-【开发配置项配置】-【开放能力接入】-【线上运营数据】-【网页数据/性能分析】 2024-09-06
排查动态柱状图的动画问题 背景我们基于 ECharts 的竞赛图 封装了一个动态柱状图组件,用于对多周期数据进行动态展示。这是之前的同事封装的,现在业务上线之后,发现当本周期有新数据出现时,效果非常差: 新出现的数据中,文字没有随着柱子定位,而是一开始就固定在最终的位置了 新出现的柱子的定位是从下往上飞到目标位置,很乱 新出现的柱子的高度是从 0 到目标高度,也导致视觉效果很差 线上的效果 业务方预期的效果是类似这样的 2024-08-30 ECharts #精 #ECharts
基于D3.js的可视化库 visxhttps://github.com/airbnb/visx/tree/master airbnb 开源的数据可视化库 TS+React 比如关系图的节点:visx/packages/visx-network/src/DefaultNode.tsx: 1234567891011121314import React from 'react 2024-08-28 #数据可视化 #D3
(TODO)前端组件的分类 分类数据驱动型通用可视化组件。 配置驱动型Atom UI、Element UI、Ant Design、Vant UI 等等。 业务驱动型比如流入流出柱状图。 客户端的可视化组件遇到的问题根据 8.19 和孙继东、韩渊皓的讨论: 当前问题1、客户端的定位是做业务开发,不适合做通用可视化组件,名不正,言不顺,难以申请独立的开发资源。 2、如果暴露大量的配置项,让产品自行配置出想要的效果,初期开发成本巨 2024-08-19
借助LLM快速生成组件声明信息 需求后续我们的组件都会上传到 HxMatrix 平台,然后统一导出组件声明信息给 LLM 进行训练。这里面如何快速通过 Vue 组件代码生成组件声明信息,是我们必须考虑的问题。 数据结构输入Vue 组件的代码。 输出LLM 所需的组件声明信息,比如: 12345678910111213141516171819202122232425262728293031323334353637383940414 2024-08-16 #AIGC
ECharts扩展新的生命周期 需求通过 patch-package 扩展一个新的 ECharts 生命周期:beforeupdate ECharts 的生命周期设计 技术方案生命周期的时机12345678910111213141516interface LifecycleEvents { afterinit: [EChartsType]; // mergeOption // restoreData // 应 2024-08-14 ECharts #ECharts