anichart.js

What's Changed

• 🩹 fix(bar): x axis domain by @Jannchie in https://github.com/Jannchie/anichart.js/pull/124

Full Changelog: https://github.com/Jannchie/anichart.js/compare/v3.3.0...v3.3.1

In this brand new version, I have simplified the project. Specifically, going forward the project will focus on visual chart generation and remove the rendering to video part.

I found a new library called Remotion, which is dedicated to rendering browser elements and animations into videos. It is recommended that you use this library to render the charts generated by anichart.

I have also created a plugin to easily use anichart for remotion for data visualization creation.

In addition, I have used Vitepress to create a new document that includes a manual of options for charts, and a tutorial on using anichart to create charts and render videos.

What's Changed

• Remove all render modules.
• Remove dependencies that are no longer needed.
• Optimized package size.
• Fixed the map without data background. A striped background is now displayed by default when there is no data.
• Added a new Canvas Helper to generate patterns from images.

Docs

• New documentation online
• Added options manual
• Added a tutorial on using anichart in remotion.
• Updated the readme for the project.

添加了一个控制器。现在可以通过控制器来手动控制播放进度了。控制器本体能够进行拖拽。控制器包括一个进度条的展示和一个播放按钮。

优化了柱状图的卷积计算。卷积计算用于计算条目 y 轴坐标。之前的卷积计算是播放时预处理的。使用了节省内存的算法，但其实并没有什么意义。同时不利于控制器在播放时计算进度。

新的算法预计算了全部卷积结果，并保存在内存中。提高了播放流畅性。

功能

• 添加控制器功能
• 控制器可以显示并调整播放进度
• 在拖动播放进度时可以实时渲染

修复

• 修复了多个可能导致组件被重复 Setup 的问题

修复

• 修复了必须要引入 canvas 库作为依赖的问题
• 修复了在没有 options 的情况下，默认的柱状图会报未定义的问题

由于浏览器安全策略的更新，原有的视频导出模块无法使用。该模块已经进行更新，但是调用方如果使用了导出视频的功能，仍然需要修改一部分源代码。

阅读这里了解更多信息。

功能

• 添加了自定义柱状图横轴 domain 的选项。

修复

• 兼容浏览器安全策略
• 修复了柱状图 barInfoFormat 无法获取到 data 的问题
• 修复了自动添加 NaN 的逻辑

美化

• 在默认 color scheme 中把纯白色(#FFF)改为了紫色(#569)

• 更新了类型说明文件

Features

• Use TypeScript for full refactoring.
• Added support for map charts.
• Added support for custom animators.
• Optimize the project structure and separate the renderer from the data calculation.

Charts

• Optimize the calculation of the bar chart's Label width.
• The computational efficiency of histogram is optimized.
• Added basic support for pie charts.
• Added basic support for regional maps and world maps.
• The calculation efficiency of the curves is optimized.

Components

• Added a progress bar component.
• Added a custom animator.
• Added zooming and fading animation wrappers.