https://github.com/dinoosauro/chart-animate

Create a custom chart using Chart.JS and then export its object or its animation
https://github.com/dinoosauro/chart-animate

chart chart-animation chart-js chart-js-animation

Last synced: 19 days ago
JSON representation

Create a custom chart using Chart.JS and then export its object or its animation

• Host: GitHub
• URL: https://github.com/dinoosauro/chart-animate
• Owner: dinoosauro
• License: mit
• Created: 2024-04-07T18:01:02.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-21T20:11:45.000Z (about 2 years ago)
• Last Synced: 2025-11-13T06:03:42.873Z (8 months ago)
• Topics: chart, chart-animation, chart-js, chart-js-animation
• Language: TypeScript
• Homepage: https://dinoosauro.github.io/chart-animate/
• Size: 471 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# chart-animate

Create a custom chart using Chart.JS and then export its object or its animation

Try it: https://dinoosauro.github.io/chart-animate/

![Landing image](image.png)

## Functionality

- Export the chart as a Chart.JS object

- Export the chart animation as a series of PNG image

## Edits

You can edit:

### For each dataset:

- Dataset Values

- Dataset Name

- Line/border colors

- Line width

- Line dashes

- Gaps between nullish values

- Fill color

### For the entire chart:

- Font family

- Font color

- Invert Y and X axis

- Grid color

- Loading animation

- Tension animation

- Names of the X axis

- Minimum/Maximum value of the Y axis

- Aspect ratio

- Chart type